/* Koçi Radyo v2 ekranı: kanal seçici, "Şimdi yayında / Sırada", hareketli ses göstergesi, geri bildirim. radyo.css (rd-*) tasarım dilini kullanır. */
.rd-ana-yuva { margin:12px 0; }
.ry-kanal-grup { margin:0 0 13px; }
.ry-kanal-grup h3 { margin:0 2px 7px; color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.ry-kanallar { display:flex; flex-wrap:wrap; gap:8px; }
.ry-kanal { display:inline-flex; align-items:center; min-height:42px; padding:8px 15px; border-radius:999px; border:1px solid var(--line); background:var(--card); color:var(--ink); font:inherit; font-size:14px; font-weight:750; cursor:pointer; }
.ry-kanal.secili { border:2px solid var(--primary); padding:7px 14px; background:color-mix(in srgb, var(--primary) 12%, var(--card)); }
.ry-sirada { display:block; margin-top:9px; color:var(--muted); font-size:12px; font-weight:650; }
.ry-sirada[hidden] { display:none; }
/* 5 Eki (Riven): kurgu uyarısı ekranın EN ALTINDA, küçük, eğik, ince ve %60 görünürlükte (sesli saatlik uyarı ve bülten rozeti zaten var) */
.ry-kurgu { display:block; margin:22px 6px 8px; padding:0; border-radius:0; background:none; color:var(--ink); font-size:11px; font-style:italic; font-weight:300; line-height:1.4; text-align:center; opacity:.6; }
.ry-kurgu[hidden] { display:none; }
.ry-bars { display:inline-flex; align-items:flex-end; gap:3px; height:18px; margin-top:10px; }
.ry-bars i { display:block; width:4px; height:5px; border-radius:2px; background:var(--primary); opacity:.45; }
.ry-bars.ry-aktif i { opacity:1; animation:none; }
.ry-bars.ry-aktif i:nth-child(2) { animation-delay:.15s; } .ry-bars.ry-aktif i:nth-child(3) { animation-delay:.3s; } .ry-bars.ry-aktif i:nth-child(4) { animation-delay:.45s; } .ry-bars.ry-aktif i:nth-child(5) { animation-delay:.6s; }
@keyframes ry-bar { 0%,100% { height:5px; } 50% { height:18px; } }
.rd-plak.ry-caliyor { animation:none; }
@keyframes ry-don { to { transform:rotate(360deg); } }
.ry-geri { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; width:100%; margin-top:14px; }
.ry-geri[hidden] { display:none; }
.ry-geri button { min-height:38px; padding:7px 12px; border-radius:999px; border:1px solid var(--line); background:var(--bg); color:var(--ink); font:inherit; font-size:12.5px; font-weight:700; cursor:pointer; }
.ry-bildirim { display:block; min-height:16px; margin-top:8px; color:var(--muted); font-size:12px; text-align:center; }
.ry-kanal:focus-visible, .ry-geri button:focus-visible { outline:3px solid var(--koci-focus,var(--primary)); outline-offset:2px; }
@media (prefers-reduced-motion: reduce) { .ry-bars.ry-aktif i, .rd-plak.ry-caliyor { animation:none; } .ry-bars.ry-aktif i { height:12px; } }
.ry-katil { width:100%; margin-top:14px; }
.ry-katil[hidden], .ry-katil-govde[hidden], .ry-katil-ac[hidden] { display:none; }
.ry-katil-ac { display:block; width:100%; min-height:44px; padding:10px 14px; border-radius:999px; border:1px solid var(--primary); background:color-mix(in srgb, var(--primary) 12%, var(--card)); color:var(--ink); font:inherit; font-weight:800; cursor:pointer; }
.ry-katil-govde { padding:12px; border-radius:14px; border:1px solid var(--line); background:var(--bg); text-align:left; }
.ry-katil-yonerge { margin:0 0 8px; font-weight:700; line-height:1.4; }
.ry-katil-gizlilik { margin:0 0 10px; color:var(--muted); font-size:12px; line-height:1.4; }
.ry-katil-dugmeler { display:flex; flex-wrap:wrap; gap:8px; }
.ry-katil-dugmeler button { min-height:42px; padding:8px 13px; border-radius:999px; border:1px solid var(--line); background:var(--card); color:var(--ink); font:inherit; font-size:13px; font-weight:700; cursor:pointer; }
.ry-katil-dugmeler button:disabled { opacity:.45; cursor:default; }
.ry-katil-dugmeler button[aria-pressed="true"] { border-color:var(--bad,#c0392b); color:var(--bad,#c0392b); }
.ry-katil-durum { margin:10px 0 0; min-height:16px; color:var(--muted); font-size:12.5px; }
.ry-katil-ac:focus-visible, .ry-katil-dugmeler button:focus-visible { outline:3px solid var(--koci-focus,var(--primary)); outline-offset:2px; }
/* 5 Eki (Riven): «Yayın Akışı» — kırmızı nokta yanıp söner (yayın herkes için aynı anda akar). Hareket azaltma: nokta sabit. */
.rd-durum.ry-canli::before, small.ry-canli::before { content:""; display:inline-block; width:9px; height:9px; margin-right:7px; border-radius:50%; background:var(--canli, #e11d48); vertical-align:1px; animation:none; }
small.ry-canli::before { width:7px; height:7px; margin-right:5px; vertical-align:0; }
@keyframes ry-yan-son { 0%, 100% { opacity:1; box-shadow:0 0 0 0 rgba(225, 29, 72, .45); } 50% { opacity:.25; box-shadow:0 0 0 5px rgba(225, 29, 72, 0); } }
@media (prefers-reduced-motion: reduce) { .rd-durum.ry-canli::before, small.ry-canli::before { animation:none; } }

/* Canlı göstergeler herkes için sabit: yalnız renk, hareket/yanıp sönme yok. */
.ry-bars i { height:10px; }
.ry-bars i:nth-child(2n) { height:16px; }