/* Channel logos, the channel edit dialog, the EPG picker. */

.logo-thumb, .logo-empty { width: 44px; height: 28px; border-radius: 4px; vertical-align: middle; }
.logo-thumb { object-fit: contain; background: var(--muted-bg); }
.logo-empty { display: inline-block; border: 1px dashed var(--line); }
.logo-col { width: 56px; }
.logo-preview { width: 132px; height: 80px; object-fit: contain; border-radius: 8px; background: var(--muted-bg); }
.logo-preview-empty { display: flex; align-items: center; justify-content: center; border: 1px dashed var(--line);
  color: var(--muted); font-size: 0.8rem; }

.edit-section { margin-top: 1.1rem; padding-top: 0.8rem; border-top: 1px solid var(--line); }
.edit-section h3 { margin-top: 0; }
.edit-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin: 0.5rem 0; }
.edit-row input[type="text"] { flex: 1; min-width: 12rem; }
.edit-row input[type="file"] { max-width: 16rem; }

.pick-list { list-style: none; margin: 0.5rem 0; padding: 0; max-height: 190px; overflow: auto;
  border: 1px solid var(--field); border-radius: 10px; }
.pick-list button { display: block; width: 100%; padding: 0.4rem 0.65rem; border: 0; background: none;
  color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pick-list button:hover, .pick-list button:focus-visible { background: var(--muted-bg); }
.pick-list li + li { border-top: 1px solid var(--line); }
.linked { padding: 0.5rem 0.75rem; border-radius: 10px; background: var(--card); }

/* The line test view. */
.link-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 0.75rem; margin: 0.6rem 0; }
.link-row > span { width: 6.5rem; }
.link-row input { flex: 1; min-width: 14rem; }
.link-row small.hint { flex-basis: 100%; margin-left: 7.25rem; }
.check-ok { color: var(--ok-text); }
.check-warn { color: var(--warn-text); }