:root{color-scheme:dark;--bg:#08111e;--panel:#102136;--border:#26415e;--red:#dd2340;--text:#f1f6fb;--muted:#a9bbd0}*{box-sizing:border-box}body{font:15px/1.6 system-ui,-apple-system,Arial,sans-serif;margin:0;background:radial-gradient(circle at 80% 0%,#162b47,var(--bg) 60%);color:var(--text);min-height:100vh}a{color:#b7d9ff}button,input,select{font:inherit}button{background:#193651;color:#fff;border:1px solid #3e6185;border-radius:8px;padding:9px 16px;cursor:pointer}button:hover{filter:brightness(1.2)}button.red{background:var(--red);border-color:var(--red)}button.small{padding:4px 10px;font-size:12px}input,select{background:#071626;border:1px solid #385575;color:#fff;border-radius:7px;padding:10px;min-width:0}input:focus,select:focus{outline:2px solid #7daee0}form{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}form input{flex:1 1 175px}form select{max-width:100%}form.inline{display:inline-flex}.top{height:auto;min-height:72px;padding:14px clamp(14px,3vw,48px);border-bottom:1px solid #29445b;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#071629}.top a{text-decoration:none}.top b,.top strong b{color:#ef2d49}.top nav{display:flex;gap:14px}.wrap{max-width:1480px;padding:24px;margin:auto}h1{font-size:clamp(25px,3vw,39px)}h2{font-size:19px;margin:0 0 10px}.channel-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 24px}.channel-tabs a{background:#16304e;padding:9px 18px;border-radius:9px;text-decoration:none;color:#fff;border:1px solid #365477}.channel-tabs a.active{border-color:#ed3653;background:#542033}.duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.panel{background:linear-gradient(145deg,#10253e,#0a1a2b);border:1px solid var(--border);border-radius:14px;padding:19px;min-width:0;overflow:auto;margin-bottom:16px}.panel video{width:100%;aspect-ratio:16/9;background:#030912;border-radius:10px}.panel small,.note,footer{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:9px;text-align:start;border-bottom:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:12px}summary{cursor:pointer}.error{background:#5b1825;padding:12px}.success{background:#124b3b;padding:12px}.hero{background:linear-gradient(120deg,#0a2849,#172334 65%,#491b2d);padding:55px 28px;border:1px solid #324a64;border-radius:18px;margin-bottom:20px}.hero p{color:#cad6e3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.channel-card{min-height:150px;border-radius:14px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:white;text-decoration:none;border:1px solid #4b6784;background:linear-gradient(120deg,#3b0d20,#14253c)}.channel-card.purple{background:linear-gradient(120deg,#5b246c,#12263d)}.channel-card.blue{background:linear-gradient(120deg,#113d80,#12263d)}.channel-card strong{font-size:23px}.viewer{max-width:1250px;margin:auto;padding:20px}.screen{position:relative;aspect-ratio:16/9;background:#050912;border:1px solid #355476;border-radius:14px;overflow:hidden}.screen video,.screen audio,.screen img{width:100%;height:100%;object-fit:contain}.screen audio{position:absolute;bottom:0;height:50px}.screen .hidden{display:none}.screen .channel-mark,.screen .live-mark{position:absolute;top:16px;background:#071021b8;padding:8px 15px;border-radius:7px;font-weight:800}.screen .channel-mark{right:18px}.screen .live-mark{left:18px;background:#b61330}.screen #waiting{position:absolute;top:50%;left:0;right:0;text-align:center;pointer-events:none;text-shadow:1px 2px 10px black}.viewer-controls{display:flex;flex-wrap:wrap;gap:12px;padding:13px 0;align-items:center}.viewer-controls #title{color:var(--muted)}.login{max-width:440px;margin:12vh auto;padding:30px;background:var(--panel);border-radius:16px}.login form{display:grid}@media(max-width:850px){.duo,.cards{grid-template-columns:1fr}.wrap{padding:12px}.top{flex-wrap:wrap}.screen{border-radius:6px}}

/* BASHAN PORTAL unified command room — non-destructive UI layer */
html{scroll-behavior:smooth}body{background:#06101f}.top{background:linear-gradient(115deg,#07192e,#061122 52%,#153356);min-height:60px}.top a:first-child{font-weight:900;font-size:20px}
.wrap{max-width:1800px;padding:15px 20px}.wrap>h1{font-size:28px;margin:7px 0 12px}.channel-tabs{display:none}
.portal-command{display:grid;grid-template-columns:235px minmax(0,1fr);gap:14px;direction:rtl;margin:12px 0 22px}.portal-sidebar{background:#081a31;border:1px solid #31577f;border-radius:12px;padding:13px;align-self:start}.portal-logo{font-size:22px;font-weight:900;font-style:italic;text-align:center;padding:12px 4px;color:white}.portal-logo b{color:#f22d52}.portal-logo small{display:block;font-size:11px;font-style:normal}.portal-sidebar-heading{background:linear-gradient(90deg,#85132d,#cb1937);border:1px solid #fb4864;border-radius:7px;padding:12px;text-align:center;font-weight:800;margin:8px 0}.side-link{display:block;color:#eaf4ff;background:#0c213a;text-decoration:none;border:1px solid #1c3554;border-radius:7px;margin:6px 0;padding:10px 12px;font-weight:650}.side-link:hover,.side-link.selected{background:linear-gradient(100deg,#9e1230,#d31b3d);border-color:#ff4263}.sidebar-help{border:1px solid #2a5d90;background:linear-gradient(130deg,#18385d,#0b1730);padding:15px;border-radius:10px;margin-top:16px;font-weight:800}.sidebar-help small{font-weight:400;color:#bcd4ef}.portal-main{min-width:0}.portal-status{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px;background:linear-gradient(90deg,#0b2340,#07172a);border:1px solid #265684;border-radius:7px;padding:9px;color:#bfe6ff;font-size:13px}.portal-channel-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:13px 0}.portal-channel{padding:12px 16px;text-decoration:none;color:#fff;min-height:76px;border-radius:12px;border:1px solid #3270ac;background:linear-gradient(125deg,#061b39,#164b88,#08132a);box-shadow:inset 0 0 18px #0e4e90}.portal-channel.kids{background:linear-gradient(120deg,#280c4d,#7130b0,#280a58);border-color:#a258f5}.portal-channel.line{background:linear-gradient(120deg,#340a1a,#9b1630,#240b1a);border-color:#f03756}.portal-channel.selected{box-shadow:0 0 0 2px #f8d5e0,inset 0 0 20px #ac1736}.portal-channel strong{display:block;font-size:17px}.portal-channel small{display:block;opacity:.85}.portal-director{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portal-monitor{border:1px solid #346291;border-radius:12px;background:linear-gradient(160deg,#0f2848,#08182b);padding:12px}.portal-monitor h2{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;font-size:18px}.portal-monitor h2 small{color:#f2f6ff;background:#a30c2c;padding:3px 10px;border-radius:5px;font-size:12px}.monitor-screen{height:auto;aspect-ratio:16/9;position:relative;border:2px solid #497aab;border-radius:9px;overflow:hidden;background:linear-gradient(130deg,#091324,#0c2447 65%,#04101d)}.monitor-screen video{display:block;width:100%;height:100%;background:#090d15}.monitor-badge{position:absolute;top:10px;right:10px;padding:5px 10px;background:#a60027;border-radius:5px;font-size:12px;font-weight:800;pointer-events:none}.preview-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aac4e4;gap:8px;background:radial-gradient(circle at center,#203d62,#070d1b)}.preview-screen span{font-size:22px;font-weight:800}.portal-monitor>div:last-child{padding:8px;color:#c7d7ee;font-size:13px}.portal-director-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.portal-director-actions a{flex:1 1 145px;text-align:center;text-decoration:none;color:#fff;font-weight:800;border:1px solid #5c8ac3;background:linear-gradient(#1b4d86,#0b274c);border-radius:8px;padding:12px}.portal-director-actions a:last-child{background:linear-gradient(#b41c3c,#640d25);border-color:#fa4161}.portal-section-title{font-size:20px;font-weight:800;padding:12px 2px}.portal-section-title small{font-size:12px;color:#a9c2df;font-weight:400;margin-inline-start:12px}
@media(max-width:900px){.portal-command{grid-template-columns:1fr}.portal-sidebar{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.portal-logo,.portal-sidebar-heading,.sidebar-help{grid-column:1/-1}.portal-channel-bar{grid-template-columns:1fr}.portal-director{grid-template-columns:1fr}}@media(max-width:480px){.portal-sidebar{grid-template-columns:1fr}.portal-status{font-size:11px}.wrap{padding:10px}}