/* FTV — استایل مشترک پنل بیننده و ادمین (RTL، تم تیره، مناسب تلویزیون و موبایل) */
:root{
  --bg:#080c14; --bg2:#0d1421; --card:#111a2b; --card2:#152036; --line:#22304d;
  --txt:#e9eefb; --muted:#94a6c4; --acc:#25d07a; --acc2:#3ea6ff; --warn:#ffb020; --bad:#ff5f6d; --live:#ff2d55;
  --r:14px; --sh:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);
  font-family:Tahoma,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.85}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font-family:inherit;font-size:14px;color:var(--txt)}
::-webkit-scrollbar{width:9px;height:9px}
.wm{position:absolute;z-index:5;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}::-webkit-scrollbar-thumb{background:#24314d;border-radius:8px}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}

/* ---------- هدر ---------- */
header.top{position:sticky;top:0;z-index:50;background:rgba(8,12,20,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .bar{display:flex;align-items:center;gap:14px;padding:10px 16px;max-width:1280px;margin:0 auto}
.brand{display:flex;align-items:center;gap:9px;font-weight:bold;font-size:17px;white-space:nowrap}
.brand .logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--acc),var(--acc2));display:grid;place-items:center;font-size:18px}
nav.main{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}
nav.main a{padding:7px 12px;border-radius:10px;color:var(--muted);white-space:nowrap;font-size:14px}
nav.main a:hover{background:#ffffff0d;color:var(--txt)}
nav.main a.on{background:#ffffff14;color:#fff}
.head-actions{display:flex;align-items:center;gap:8px}
.pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--muted);white-space:nowrap}
.pill.ok{border-color:#1e6b48;color:#5cf0a8;background:#0d2b1f}
.pill.off{border-color:#6b1e28;color:#ff8b94;background:#2b0d11}
.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc)}
.dot.off{background:var(--bad);box-shadow:0 0 8px var(--bad)}

/* ---------- دکمه‌ها و فرم‌ها ---------- */
.btn{display:inline-flex;align-items:center;gap:7px;background:#1b263d;border:1px solid var(--line);color:var(--txt);
  padding:8px 14px;border-radius:11px;cursor:pointer;transition:.15s;font-size:14px}
.btn:hover{background:#243350;transform:translateY(-1px)}
.btn.primary{background:linear-gradient(135deg,#1eb469,#25d07a);border-color:#25d07a;color:#04120b;font-weight:bold}
.btn.blue{background:#12365e;border-color:#2b6bb0;color:#cfe6ff}
.btn.danger{background:#3a1620;border-color:#7a2333;color:#ffb9c1}
.btn.ghost{background:transparent}
.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:9px}
.btn:disabled{opacity:.5;cursor:not-allowed}
input,select,textarea{background:#0c1322;border:1px solid var(--line);border-radius:10px;padding:9px 11px;width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:#2f6ea8}
label{display:block;font-size:13px;color:var(--muted);margin:10px 0 4px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* ---------- کارت‌ها ---------- */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.card.tight{padding:12px}
.card h3{margin:0 0 10px;font-size:16px}
.kpi{display:flex;flex-direction:column;gap:2px}
.kpi .v{font-size:22px;font-weight:bold;font-variant-numeric:tabular-nums}
.kpi .l{font-size:12.5px;color:var(--muted)}
.tag{display:inline-block;font-size:11.5px;border-radius:7px;padding:1px 8px;background:#ffffff12;border:1px solid var(--line);color:#bcd0ef}
.tag.live{background:#3a0c16;border-color:#7d1e2d;color:#ff8fa0}
.tag.acc{background:#0d2b1f;border-color:#1e6b48;color:#5cf0a8}
.tag.warn{background:#2c230d;border-color:#6b531d;color:#ffd07a}
.tag.blue{background:#0f2440;border-color:#26558c;color:#9fcbff}

/* ---------- ردیف محتوا ---------- */
.sec{margin:26px 0 10px;display:flex;align-items:center;gap:10px}
.sec h2{margin:0;font-size:19px}
.sec .more{margin-right:auto;color:var(--muted);font-size:13px}
.hrow{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 12px;scroll-snap-type:x mandatory}
.hrow>*{scroll-snap-align:start}
.poster{min-width:250px;max-width:250px;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:.18s}
.poster:hover{transform:translateY(-3px);border-color:#33subst}
.poster:hover{border-color:#2f6ea8}
.poster .thumb{position:relative;aspect-ratio:16/9;background:#0b1220 center/cover no-repeat;display:grid;place-items:center;font-size:34px;color:#33456a}
.poster .thumb .dur{position:absolute;bottom:6px;left:6px;background:#000000b3;border-radius:6px;padding:1px 6px;font-size:11.5px}
.poster .thumb .flag{position:absolute;top:6px;right:6px}
.poster .meta{padding:9px 11px}
.poster .meta b{display:block;font-size:13.8px;line-height:1.6;font-weight:600}
.poster .meta span{font-size:12px;color:var(--muted)}

/* ---------- پلیر ---------- */
.player-shell{background:#05080f;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative}
.player-shell video{width:100%;display:block;background:#000;aspect-ratio:16/9}
.player-bar{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#0a1120;border-top:1px solid var(--line);flex-wrap:wrap}
.lband{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#0b3a2a,#0b2a4a);border-top:2px solid var(--acc);
  padding:7px 12px;font-size:13px;display:flex;align-items:center;gap:10px}
.crawler{position:absolute;bottom:0;left:0;right:0;background:#000000cc;font-size:12.5px;padding:4px 10px;overflow:hidden;white-space:nowrap}
.crawler span{display:inline-block;animation:crawl 26s linear infinite}
@keyframes crawl{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.badge-live{position:absolute;top:10px;right:10px;background:var(--live);color:#fff;border-radius:8px;padding:2px 9px;font-size:12px;font-weight:bold;
  display:flex;align-items:center;gap:6px}
.badge-live .dot{background:#fff;animation:pulse 1.4s infinite}
@keyframes pulse{50%{opacity:.25}}

/* ---------- چت ---------- */
.chat{display:flex;flex-direction:column;height:420px}
.chat .msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px}
.msg{background:#0e1728;border:1px solid var(--line);border-radius:11px;padding:7px 10px;font-size:13.5px}
.msg b{color:var(--acc2);font-size:12.5px}

/* ---------- جدول ---------- */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{border-bottom:1px solid var(--line);padding:8px 9px;text-align:right;vertical-align:middle}
th{color:#b9cbea;font-weight:600;background:#0f1829}
tr:hover td{background:#0f1829}
.mono{font-family:Consolas,monospace;direction:ltr;text-align:left;font-size:12.5px;background:#0a1020;border:1px solid var(--line);border-radius:9px;padding:9px;overflow-x:auto;color:#9fe8c6}
.copy{cursor:pointer}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:12.5px}
.nowrap{white-space:nowrap}
.spacer{flex:1}
.hide{display:none !important}

/* ---------- هیرو ---------- */
.hero{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);min-height:300px;
  background:#0b1220 center/cover no-repeat;display:flex;align-items:flex-end}
.hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,18,.95) 15%,rgba(6,10,18,.55) 55%,rgba(6,10,18,.2))}
.hero .inner{position:relative;padding:26px;max-width:620px}
.hero h1{margin:6px 0 8px;font-size:27px;line-height:1.5}
.hero p{margin:0 0 14px;color:#c7d6f0}

/* ---------- تبلیغ ---------- */
.ad{border:1px dashed #2b3a5c;border-radius:12px;padding:10px;background:#0c1424;display:flex;gap:12px;align-items:center}
.ad img{width:150px;height:70px;object-fit:cover;border-radius:8px}
.ad .lbl{font-size:11px;color:#7d8dab}

/* ---------- تب‌های ادمین ---------- */
.tabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:16px 0 18px;padding-bottom:2px}
.tabs button{background:transparent;border:none;color:var(--muted);padding:9px 14px;border-radius:10px 10px 0 0;cursor:pointer;white-space:nowrap;font-size:14px}
.tabs button.on{background:#131d31;color:#fff;box-shadow:inset 0 -2px 0 var(--acc)}
pre.log{max-height:340px;overflow:auto;font-size:12px;direction:ltr;text-align:left;background:#070c15;border:1px solid var(--line);border-radius:10px;padding:10px;color:#9fd3b4}
.toast{position:fixed;bottom:18px;left:18px;z-index:99;background:#122036;border:1px solid #2b6bb0;border-radius:12px;padding:11px 15px;box-shadow:var(--sh);max-width:380px}
.bar-mini{height:8px;border-radius:6px;background:#16223a;overflow:hidden}
.bar-mini i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.kv{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--line);padding:6px 0;font-size:13.5px}
.kv:last-child{border:none}
.flexcol{display:flex;flex-direction:column;gap:12px}
.chip{display:inline-flex;gap:6px;align-items:center;background:#0f1829;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:12.5px;cursor:pointer}
.chip.on{background:#0d2b1f;border-color:#1e6b48;color:#5cf0a8}

/* ══════════ نسخه‌ی ۱.۱: نظرسنجی، اطلاع‌رسانی، پادکست، برنامه‌ی پخش ══════════ */
.badge-n{background:var(--acc);color:#08131f;border-radius:999px;padding:0 6px;font-size:11px;margin-right:4px}
.poll .opt{position:relative;display:flex;align-items:center;gap:8px;width:100%;text-align:right;cursor:pointer;
  background:#0f1829;border:1px solid var(--line);border-radius:10px;padding:9px 12px;overflow:hidden;color:#e7eefc}
.poll .opt .bar{position:absolute;inset:0 auto 0 0;right:0;background:linear-gradient(90deg,rgba(74,222,128,.16),rgba(59,130,246,.16));transition:width .5s ease}
.poll .opt .t{flex:1}
.poll .opt .n{font-size:12px;color:var(--muted)}
.poll .opt:hover{border-color:#2b6bb0}
.poll .opt.on{border-color:#1e6b48;background:#0d2b1f}
.ntf{border-radius:10px;padding:8px;text-decoration:none;color:inherit;display:flex}
.ntf.unread{background:#101b2e;border:1px solid #23406b}
.kv.onair{background:linear-gradient(90deg,rgba(220,38,38,.12),transparent);border-radius:8px;padding:6px 8px}
.epg-grid{display:grid;gap:10px}
.audio-row audio{height:34px}
textarea,#rpText,input,select{background:#0c1424;border:1px solid var(--line);color:#e7eefc;border-radius:10px;padding:9px 11px;font-family:inherit;font-size:14px}
textarea:focus,input:focus,select:focus{outline:none;border-color:#2b6bb0}
.dl-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#0d1524}
.mono{font-family:ui-monospace,Menlo,monospace;direction:ltr;text-align:left}