/* admin-youtube.php — YouTube-Stream (19.10.2026). Nur Ergänzungen zu admin.css. */
.yt-kopf { display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.yt-kopf .ad-aktionen { margin: 0; }
.yt-kopf form { margin: 0; }
.yt-zustand { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 8px 0 0; }
.yt-link { color: var(--ru-cyan); text-decoration: none; }
.yt-link:hover { text-decoration: underline; }
.yt-vorschau { display: block; width: 100%; height: auto; border-radius: var(--ru-r-1); border: 1px solid var(--ru-line-2); }
.yt-fehler { margin: 12px 0 0; padding: 10px 12px; font: 500 12px/1.5 var(--ru-f-mono); color: var(--ru-paper-70); border-left: 3px solid var(--ad-rot); background: rgba(255, 77, 46, .06); overflow-wrap: anywhere; }
.yt-fehler b { color: var(--ru-paper); font-weight: 600; }
.yt-karte-kopf { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 10px; }
.yt-karte-kopf h2 { margin: 0; }
.yt-karte-kopf .ad-seg > a { color: var(--ru-paper-70); text-decoration: none; }
.yt-karte-kopf .ad-seg > a.is-active { background: var(--ru-paper); color: var(--ru-ink); }
.yt-legende { display: flex; gap: 18px; flex-wrap: wrap; font: 500 11px/1.5 var(--ru-f-mono); color: var(--ru-paper-70); margin-bottom: 6px; }
.yt-legende i { display: inline-block; width: 14px; height: 3px; margin-right: 7px; vertical-align: middle; border-radius: 2px; }
.yt-legende i.yt { background: var(--ru-cyan); }
.yt-legende i.radio { background: var(--ru-paper-70); }
.yt-diagramm { display: block; width: 100%; height: auto; margin-bottom: 14px; }
.yt-diagramm .g { stroke: var(--ru-line-2); stroke-width: 1; }
.yt-diagramm .a { fill: var(--ru-paper-50); font: 500 11px var(--ru-f-mono); }
.yt-diagramm path { fill: none; stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.yt-diagramm path.yt { stroke: var(--ru-cyan); }
.yt-diagramm path.radio { stroke: var(--ru-paper-70); stroke-dasharray: 4 3; }
/* 20.10.2026: Banner mit hidden wirklich ausblenden (.ad-banner setzt display) */
.ad-banner[hidden] { display: none; }
/* Hochformat-Karte: links Vorschau hochkant, rechts Werte + Schalter */
.yt-hoch { display: grid; grid-template-columns: minmax(160px, 240px) 1fr; gap: 22px; align-items: start; }
.yt-hoch-bild .yt-vorschau { max-height: 430px; width: auto; max-width: 100%; }
@media (max-width: 640px) { .yt-hoch { grid-template-columns: 1fr; } .yt-hoch-bild .yt-vorschau { max-height: 360px; margin: 0 auto; } }
/* Schaltpult „Sendung“ (20.10.2026): je Format eine Zeile Name · Zustand · Knopf */
.yt-pult { margin-bottom: 18px; }
.yt-pult-zeile { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(150px, 1.4fr) auto; gap: 14px; align-items: center; padding: 12px 0; border-top: 1px solid var(--ru-line-2); }
.yt-pult-zeile form { margin: 0; }
.yt-pult-name b { display: block; font-weight: 600; color: var(--ru-paper); }
.yt-pult-name small { display: block; font: 500 11px/1.5 var(--ru-f-mono); color: var(--ru-paper-50); }
.yt-pult-zustand { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.yt-pult-fuss { display: flex; gap: 10px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--ru-line-2); }
.yt-pult-fuss form { margin: 0; }
.yt-pult-fuss:not(:has(form)) { display: none; }
@media (max-width: 640px) { .yt-pult-zeile { grid-template-columns: 1fr auto; } .yt-pult-zustand { grid-column: 1 / -1; grid-row: 2; } }
/* Urheberrecht (20.10.2026) */
.yt-ur-kpis { margin: 4px 0 18px; }
.yt-ur-raster { display: grid; grid-template-columns: 1.2fr 1fr; gap: 28px; align-items: start; margin-bottom: 8px; }
.yt-ur-h3 { margin: 22px 0 10px; font: 600 15px/1.3 var(--ru-f-sans, inherit); color: var(--ru-paper); }
.yt-ur-raster .yt-ur-h3 { margin-top: 0; }
.yt-ur-h3 .ad-meta { font-weight: 400; margin-left: 6px; }
.yt-umbruch { flex-wrap: wrap; }
.yt-klein { font: 500 11px/1.5 var(--ru-f-mono); color: var(--ru-paper-70); overflow-wrap: anywhere; }
@media (max-width: 900px) { .yt-ur-raster { grid-template-columns: 1fr; } }
.ad-marke[hidden] { display: none; }