/* Copyright (c) 2026 LionHost. All rights reserved. LionCast is proprietary software. Unauthorized copying, redistribution, publication, sublicensing, derivative redistribution, decompilation, reverse engineering, automated dataset ingestion, model training, or use to develop/train/fine-tune AI/ML systems is prohibited except with prior written permission from LionHost. Third-party components remain under their own licenses. License: LicenseRef-LionCast-Proprietary; see /LICENSE. */
/* LionCast Console UI v3 — final unifying layer */
:root{
 --lion-gold:#f2b632;--lion-gold-2:#ffd36b;--lion-gold-dim:rgba(242,182,50,.12);
 --bg:#090b0f;--panel-top:#12161d;--panel-bot:#0e1117;--panel-raised:#171c24;
 --border:#252b35;--border-soft:#1c222b;--text:#f4f1e8;--text-dim:#9ca3af;--text-faint:#626b78;
 --live:#ef4444;--good:#4ade80;--amber:#f2b632;--radius:10px;
 --shadow-card:0 1px 0 rgba(255,255,255,.035) inset,0 16px 36px -24px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.5);
}
html{scrollbar-color:#343b47 #0a0d12} body{background:#090b0f;background-image:radial-gradient(900px 500px at 55% -120px,rgba(242,182,50,.045),transparent 65%),linear-gradient(180deg,#0a0d12 0,#090b0f 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.009) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.006) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 70%)}
.shell{min-height:100vh}.sidebar{width:238px;background:linear-gradient(180deg,#0e1218,#0a0d12 65%,#080a0e);border-right:1px solid #202630;box-shadow:8px 0 40px rgba(0,0,0,.22);z-index:50}
.brand{padding:19px 17px 16px;border-color:#222833;gap:11px}.brand-logo{width:38px;height:38px;filter:drop-shadow(0 0 12px rgba(242,182,50,.24))}.brand-text{font-size:1.35rem;letter-spacing:.055em;color:#f4d98e}.brand:after{content:"RADIO CONTROL CENTER";position:absolute;margin:31px 0 0 49px;font:500 .54rem/1 var(--font-body);letter-spacing:.16em;color:#707783}
.nav-links{padding:16px 10px 12px;gap:2px;overflow-y:auto}.nav-section{margin:14px 11px 5px;color:#6d7480;font:600 .62rem/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase}.nav-section:first-child{margin-top:4px}.nav-links a{position:relative;padding:9px 11px;border-radius:7px;font:500 .84rem/1.2 var(--font-body);text-transform:none;letter-spacing:0;color:#a7adb7}.nav-links a::before{width:4px;height:4px;background:#59616d}.nav-links a:hover{color:#f1f3f5;background:rgba(255,255,255,.035)}.nav-links a.active{color:#ffe8aa;background:linear-gradient(90deg,rgba(242,182,50,.16),rgba(242,182,50,.035));box-shadow:inset 3px 0 0 var(--lion-gold)}.nav-links a.active::before{background:var(--lion-gold);box-shadow:0 0 8px rgba(242,182,50,.7);animation:none}
.lang-switch{padding:9px 17px;border-top:1px solid #1d232c}.lang-switch a.active{color:#ffd36b;border-color:rgba(242,182,50,.35);background:rgba(242,182,50,.08)}.nav-user{padding:13px 17px 17px;background:rgba(255,255,255,.012);border-color:#222833}.nav-user .who{font-size:.72rem;margin-bottom:10px}.nav-user a{font:500 .74rem var(--font-body);text-transform:none;letter-spacing:0;display:inline-block!important;margin:0 11px 4px 0!important}.nav-user a:hover{color:#ffd36b}
.container{max-width:none;width:calc(100% - 238px);padding:24px 26px 54px;overflow:hidden}.console-mobilebar{display:none}.console-pagebar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-24px -26px 22px;padding:11px 25px;border-bottom:1px solid #202630;background:rgba(11,14,19,.9);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30;min-height:55px}.console-pagebar-left{display:flex;align-items:center;gap:10px;color:#d8dce2;font-size:.8rem}.console-pagebar-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 8px rgba(74,222,128,.6)}.console-pagebar-title{font-weight:600;letter-spacing:.02em}.console-pagebar-right{display:flex;gap:8px;align-items:center}.console-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #272e38;background:#11161d;border-radius:999px;padding:6px 10px;font-size:.7rem;color:#9098a4}.console-pill b{color:#e6e9ee;font-weight:600}
/* Typography */
h1{font-size:1.75rem;letter-spacing:.02em;text-transform:none}h2{font-size:1.06rem;text-transform:none;letter-spacing:.01em}.eyebrow{font:600 .64rem/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:#c89126;margin-bottom:8px}.hint{color:#8d95a1}.mono{font-family:var(--font-mono)}
/* Cards */
.card{position:relative;border:1px solid #252c36;border-radius:10px;background:linear-gradient(180deg,rgba(20,25,33,.98),rgba(13,17,23,.98));box-shadow:var(--shadow-card);padding:19px 20px;margin:0 0 14px;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);pointer-events:none}.card:hover{border-color:#2d3540}.card .card{background:#10151c;box-shadow:none}.card-grid,.grid{gap:14px!important}
/* Buttons */
.btn{border-radius:7px;border:1px solid #303744;background:linear-gradient(#171c24,#11161d);color:#d9dde3;font:600 .75rem var(--font-body);letter-spacing:.015em;padding:8px 12px;box-shadow:0 1px 0 rgba(255,255,255,.03) inset;transition:.15s}.btn:hover{transform:translateY(-1px);border-color:#444d5b;background:#1a2029;color:#fff}.btn-primary{border-color:#9a741e;background:linear-gradient(#d8a52e,#b7851c);color:#171107;text-shadow:0 1px rgba(255,255,255,.18);box-shadow:0 1px 0 #f4ce70 inset,0 8px 20px -14px rgba(242,182,50,.7)}.btn-primary:hover{background:linear-gradient(#e8b73a,#c99420);border-color:#c79627;color:#110d05}.btn-danger{border-color:#603038;background:#241519;color:#ff8b92}.btn-danger:hover{background:#35191f;border-color:#91424d}.btn-secondary{background:#12171e}
/* Forms */
label{font-size:.73rem;color:#a8afb9;font-weight:500}input,select,textarea{border:1px solid #2b333e;border-radius:7px;background:#0b0f14;color:#e9ebef;padding:9px 10px;outline:none;box-shadow:0 1px 0 rgba(255,255,255,.02) inset}input:focus,select:focus,textarea:focus{border-color:#99751f;box-shadow:0 0 0 3px rgba(242,182,50,.08)}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#555e6a}
/* Tables */
table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}thead th{position:sticky;top:0;background:#11161d;color:#747d89;font:600 .64rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #29303a;padding:10px 11px;z-index:2}tbody td{padding:10px 11px;border-bottom:1px solid #20262f;color:#c8cdd4}tbody tr:hover td{background:rgba(255,255,255,.015)}tbody tr:last-child td{border-bottom:0}
/* Status */
.onair{border-radius:999px;padding:5px 9px;font:600 .68rem var(--font-body);letter-spacing:.04em;border:1px solid #343b45;background:#11161d}.onair.running,.onair.good{color:#75e69b;border-color:rgba(74,222,128,.25);background:rgba(74,222,128,.06)}.onair.stopped{color:#9aa1ab}.onair .dot{width:6px;height:6px}.error-msg{border:1px solid rgba(239,68,68,.28);background:rgba(239,68,68,.07);color:#ff9595;border-radius:8px;padding:10px 12px;margin:10px 0}
/* Console dashboard */
.lion-topbar{border:1px solid #272e38;background:linear-gradient(180deg,#131820,#0f141a);border-radius:10px;padding:10px 14px;margin-bottom:14px}.lion-top-title strong{font:700 .76rem var(--font-body);letter-spacing:.08em;color:#f5d687}.lion-chip{border:1px solid #29313b;background:#0d1218;border-radius:999px;padding:6px 9px;color:#7e8793;font-size:.65rem}.lion-chip b{color:#e8ebef}.lion-console{grid-template-columns:minmax(0,1.8fr) minmax(260px,.65fr);gap:14px}.lion-live{min-height:260px;background:radial-gradient(700px 300px at 20% 0,rgba(242,182,50,.06),transparent 60%),linear-gradient(180deg,#151a22,#0e1319)}.lion-live-title{font-size:2.15rem;color:#f8f2e6}.lion-wave{height:60px;align-items:center;border-top:1px solid #222a34;border-bottom:1px solid #222a34;padding:8px 0}.lion-wave i{width:3px;border-radius:3px;background:linear-gradient(to top,#9f7417,#f2b632,#ffe39a);box-shadow:0 0 8px rgba(242,182,50,.12)}.lion-quick a{border:1px solid #303744;background:#11171e;border-radius:7px;color:#d5d9df}.lion-quick a:hover{border-color:#8b6a1e;color:#f9d77f;background:#17160f}.lion-side-stat strong{color:#f6d477}.stat-grid{gap:12px}.stat-box{min-height:122px}.stat-box .num{font-size:2rem;color:#f4d075}.meter-strip span.on{background:linear-gradient(#edbc43,#bb861d);box-shadow:0 0 5px rgba(242,182,50,.3)}
/* AI */
body.page-ai .card:first-of-type{background:radial-gradient(600px 280px at 100% 0,rgba(242,182,50,.07),transparent 60%),linear-gradient(180deg,#141922,#0e1218)}body.page-ai textarea{min-height:150px}body.page-ai pre{border:1px solid #292f38;background:#090d12;border-radius:8px;padding:14px;color:#e9dcb7;max-height:520px;overflow:auto}
/* Security center */
body.page-firewall .card{border-left-color:#3b3320}body.page-firewall .card .eyebrow{color:#d4a63d}body.page-firewall table{font-size:.76rem}
/* Analytics */
.heatmap-cell{border-radius:2px}.chart-wrap,canvas{max-width:100%}
/* auth */
.auth-wrap{background:radial-gradient(550px 350px at 50% 30%,rgba(242,182,50,.075),transparent 70%)}.auth-wrap .card{border-color:#313640;box-shadow:0 26px 70px -35px #000;width:min(390px,calc(100vw - 32px))!important}.auth-wrap .card:after{content:"LIONCAST • SECURE CONTROL CENTER";display:block;margin-top:18px;padding-top:12px;border-top:1px solid #222833;color:#5f6773;font-size:.6rem;letter-spacing:.14em;text-align:center}
/* utilities */
.actions{gap:7px}.page-tabs{border-color:#252c35}.page-tabs a.active{color:#f3cd70;border-color:#9a741e}.empty-state{color:#6f7782;padding:22px;text-align:center}.stream-grid{gap:14px}
/* mobile */
@media(max-width:980px){.container{padding:18px 18px 48px}.console-pagebar{margin:-18px -18px 18px;padding:10px 17px}.lion-console{grid-template-columns:1fr}.sidebar{width:220px}.container{width:calc(100% - 220px)}}
@media(max-width:760px){body{overflow-x:hidden}.shell{display:block}.sidebar{position:fixed;left:-250px;top:0;width:238px;height:100dvh;transition:left .22s ease;z-index:100}.shell.nav-open .sidebar{left:0}.shell.nav-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:90}.shell.nav-open .sidebar{z-index:110}.container{width:100%;padding:72px 13px 38px}.console-pagebar{display:none}.console-mobilebar{display:flex;position:fixed;left:0;right:0;top:0;height:56px;z-index:80;align-items:center;justify-content:space-between;padding:0 13px;background:rgba(10,13,18,.95);backdrop-filter:blur(12px);border-bottom:1px solid #252c35}.console-mobilebar button{width:38px;height:36px;border:1px solid #2d3540;border-radius:7px;background:#11161d;color:#e0b84e;font-size:1.25rem}.console-mobilebrand{display:flex;align-items:center;gap:8px;font:700 .86rem var(--font-body);letter-spacing:.08em;color:#efd281}.console-mobilebrand img{width:28px;height:28px}.card{padding:15px 14px;border-radius:9px}.lion-topbar{display:none}.lion-console{display:block}.lion-console>.card{margin-bottom:12px}.lion-live{min-height:auto}.lion-live-title{font-size:1.7rem}.lion-wave{height:48px;overflow:hidden}.lion-quick{display:grid!important;grid-template-columns:1fr 1fr;gap:7px}.lion-quick a{text-align:center}.stat-grid{grid-template-columns:1fr 1fr!important}.stat-box{min-width:0}.stat-box .num{font-size:1.55rem}.actions{width:100%}.actions .btn{flex:1;text-align:center}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}form[style*="display:flex"]{align-items:stretch!important}form[style*="display:flex"]>div{min-width:130px;flex:1}input,select,textarea{max-width:100%}.card audio{max-width:180px!important}.nav-user{padding-bottom:28px}}
@media(max-width:420px){.container{padding-left:10px;padding-right:10px}.stat-grid{grid-template-columns:1fr 1fr!important}.card{padding:13px 12px}.lion-live-head{gap:8px}.btn{padding:8px 9px}.eyebrow{font-size:.6rem}}


/* ==========================================================
   LionCast v1.4 Theme Engine — one DOM, multiple visual skins
   ========================================================== */
body.theme-lion-gold { --theme-accent:#f2b632; --theme-accent2:#ffd36b; }
body.theme-ocean { --lion-gold:#20b8ff;--lion-gold-2:#76ddff;--lion-gold-dim:rgba(32,184,255,.13);--amber:#22c7dd;--theme-accent:#20b8ff;--theme-accent2:#76ddff; }
body.theme-ocean{background:#071019;background-image:radial-gradient(900px 520px at 55% -120px,rgba(32,184,255,.09),transparent 65%),linear-gradient(180deg,#07111a,#070b11 100%)}
body.theme-ocean .sidebar{background:linear-gradient(180deg,#07141d,#071019 65%,#050b11);border-right-color:#163244}
body.theme-ocean .brand-text,body.theme-ocean .nav-user a:hover,body.theme-ocean .console-mobilebrand{color:#8fe7ff}
body.theme-ocean .nav-links a.active{color:#bcefff;background:linear-gradient(90deg,rgba(32,184,255,.18),rgba(32,184,255,.03));box-shadow:inset 3px 0 0 #20b8ff}
body.theme-ocean .nav-links a.active::before{background:#20b8ff;box-shadow:0 0 8px rgba(32,184,255,.7)}
body.theme-ocean .eyebrow{color:#48c9ff} body.theme-ocean .btn-primary{border-color:#147bb1;background:linear-gradient(#31c4ff,#168cc7);color:#031018;box-shadow:0 1px 0 #8ae5ff inset,0 8px 20px -14px rgba(32,184,255,.7)}
body.theme-ocean input:focus,body.theme-ocean select:focus,body.theme-ocean textarea:focus{border-color:#20b8ff;box-shadow:0 0 0 3px rgba(32,184,255,.09)}
body.theme-ocean .lion-live{background:radial-gradient(700px 300px at 20% 0,rgba(32,184,255,.08),transparent 60%),linear-gradient(180deg,#0b1b25,#081018)}
body.theme-ocean .lion-wave i{background:linear-gradient(to top,#0d6b98,#20b8ff,#9aebff);box-shadow:0 0 8px rgba(32,184,255,.18)}
body.theme-ocean .stat-box .num,body.theme-ocean .lion-side-stat strong{color:#73ddff}

body.theme-crimson{--lion-gold:#ff5b45;--lion-gold-2:#ff9b70;--lion-gold-dim:rgba(255,91,69,.13);--amber:#ff884d;--live:#ff374f;--theme-accent:#ff5b45;--theme-accent2:#ff9b70;background:#11080a;background-image:radial-gradient(900px 520px at 55% -120px,rgba(255,65,48,.09),transparent 65%),linear-gradient(180deg,#12090c,#09080b 100%)}
body.theme-crimson .sidebar{background:linear-gradient(180deg,#180d10,#100a0c 65%,#090709);border-right-color:#382026}
body.theme-crimson .brand-text,body.theme-crimson .nav-user a:hover,body.theme-crimson .console-mobilebrand{color:#ffb19c}
body.theme-crimson .nav-links a.active{color:#ffd0c4;background:linear-gradient(90deg,rgba(255,91,69,.18),rgba(255,91,69,.03));box-shadow:inset 3px 0 0 #ff5b45}
body.theme-crimson .nav-links a.active::before{background:#ff5b45;box-shadow:0 0 8px rgba(255,91,69,.7)}
body.theme-crimson .eyebrow{color:#ff866f} body.theme-crimson .btn-primary{border-color:#a53528;background:linear-gradient(#f66a51,#c84434);color:#190704;box-shadow:0 1px 0 #ffb09f inset,0 8px 20px -14px rgba(255,91,69,.7)}
body.theme-crimson input:focus,body.theme-crimson select:focus,body.theme-crimson textarea:focus{border-color:#ff5b45;box-shadow:0 0 0 3px rgba(255,91,69,.09)}
body.theme-crimson .lion-live{background:radial-gradient(700px 300px at 20% 0,rgba(255,91,69,.08),transparent 60%),linear-gradient(180deg,#201114,#100b0d)}
body.theme-crimson .lion-wave i{background:linear-gradient(to top,#8f261f,#ff5b45,#ffb09f);box-shadow:0 0 8px rgba(255,91,69,.18)}
body.theme-crimson .stat-box .num,body.theme-crimson .lion-side-stat strong{color:#ff9d86}

body.theme-studio-light{--bg:#f3f5f8;--panel-top:#fff;--panel-bot:#f8fafc;--panel-raised:#edf1f5;--border:#d9dfe7;--border-soft:#e7ebf0;--text:#17202b;--text-dim:#5e6977;--text-faint:#8a94a2;--lion-gold:#c49320;--lion-gold-2:#e2b94f;--lion-gold-dim:rgba(196,147,32,.11);--good:#168a4a;--amber:#b47d09;--shadow-card:0 1px 0 rgba(255,255,255,.9) inset,0 12px 30px -22px rgba(33,42,55,.25),0 1px 3px rgba(33,42,55,.08);background:#f3f5f8;background-image:radial-gradient(900px 500px at 55% -120px,rgba(196,147,32,.08),transparent 68%)}
body.theme-studio-light .sidebar{background:linear-gradient(180deg,#fff,#f5f7fa 70%,#eef1f5);border-right-color:#d9dfe7;color:#17202b}
body.theme-studio-light .brand-text{color:#8c6818} body.theme-studio-light .nav-section{color:#8993a0} body.theme-studio-light .nav-links a{color:#566170} body.theme-studio-light .nav-links a:hover{color:#17202b;background:#eef2f6} body.theme-studio-light .nav-links a.active{color:#6f5112;background:linear-gradient(90deg,rgba(196,147,32,.16),rgba(196,147,32,.03));box-shadow:inset 3px 0 0 #c49320}
body.theme-studio-light .container{color:#17202b} body.theme-studio-light .console-pagebar,body.theme-studio-light .console-mobilebar{background:rgba(255,255,255,.92);border-color:#dce2e9} body.theme-studio-light .console-pill{background:#f5f7fa;border-color:#d8dee6;color:#697483} body.theme-studio-light .console-pill b{color:#26313e}
body.theme-studio-light .card{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#dce2e8} body.theme-studio-light .card .card{background:#f4f7fa} body.theme-studio-light h1,body.theme-studio-light h2,body.theme-studio-light h3{color:#17202b}
body.theme-studio-light input,body.theme-studio-light select,body.theme-studio-light textarea{background:#fff;color:#17202b;border-color:#ccd4dd} body.theme-studio-light table thead th{background:#f3f6f9;color:#697483;border-color:#dce2e8} body.theme-studio-light tbody td{color:#374352;border-color:#e2e7ed} body.theme-studio-light tbody tr:hover td{background:#f5f8fa}
body.theme-studio-light .btn{background:linear-gradient(#fff,#eef2f6);color:#374352;border-color:#cfd7e0} body.theme-studio-light .btn-primary{background:linear-gradient(#d6ad43,#bb8a1f);border-color:#a77919;color:#211706}
body.theme-studio-light .lion-live{background:radial-gradient(700px 300px at 20% 0,rgba(196,147,32,.08),transparent 60%),linear-gradient(180deg,#fff,#f6f8fa)} body.theme-studio-light .nav-user{background:#f5f7fa;border-color:#dde3ea}

.theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.theme-choice{margin:0}.theme-choice button{width:100%;height:100%;text-align:left;border:1px solid var(--border);background:var(--panel-bot);color:var(--text);border-radius:10px;padding:12px;cursor:pointer;display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}.theme-choice.selected button{border-color:var(--lion-gold);box-shadow:0 0 0 2px var(--lion-gold-dim)}.theme-choice strong{display:block}.theme-choice small{grid-column:2;color:var(--text-dim);display:block;margin-top:2px}.theme-swatch{width:34px;height:34px;border-radius:8px;display:block;border:1px solid rgba(255,255,255,.12)}.swatch-lion-gold{background:linear-gradient(135deg,#0d1117 50%,#f2b632 50%)}.swatch-ocean{background:linear-gradient(135deg,#071019 50%,#20b8ff 50%)}.swatch-crimson{background:linear-gradient(135deg,#12090c 50%,#ff5b45 50%)}.swatch-studio-light{background:linear-gradient(135deg,#f4f6f8 50%,#c49320 50%)}.language-preference{margin-top:18px}.account-langs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 0;border:0}.account-langs a{padding:6px 9px;border:1px solid var(--border);border-radius:7px;text-decoration:none}.account-langs a.active{border-color:var(--lion-gold);color:var(--lion-gold-2)}
@media(max-width:620px){.theme-picker{grid-template-columns:1fr}.lang-switch{overflow-x:auto;white-space:nowrap}}

/* v1.6 Extensions Hub */
.extension-tabs{display:flex;gap:8px;margin:18px 0 22px;flex-wrap:wrap}.extension-tabs a{padding:10px 14px;border:1px solid var(--border,#30333a);border-radius:10px;text-decoration:none;color:inherit;background:rgba(255,255,255,.025)}.extension-tabs a.active{border-color:var(--live,#d5a229);box-shadow:inset 0 -2px 0 var(--live,#d5a229)}.extension-tabs span{opacity:.65;margin-left:5px}.extension-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}.extension-card{display:flex;gap:14px;padding:18px;border:1px solid var(--border,#30333a);border-radius:14px;background:rgba(255,255,255,.025)}.extension-icon{width:48px;height:48px;flex:0 0 48px;border:1px solid var(--live,#d5a229);border-radius:12px;display:grid;place-items:center;font-weight:800;color:var(--live,#d5a229)}.extension-main{min-width:0;flex:1}.extension-main h3{margin:6px 0}.extension-main p{opacity:.7;min-height:38px}.extension-meta,.extension-foot{display:flex;justify-content:space-between;gap:10px;font-size:12px}.verified{color:var(--live,#d5a229);font-weight:700}.extension-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border,#30333a)}.hub-notice,.empty-console,.hub-security{margin:16px 0;padding:16px;border:1px solid var(--border,#30333a);border-radius:12px;background:rgba(255,255,255,.025)}.hub-notice.warning{border-color:#9b6a2f}.hub-security{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px}.hub-security span{opacity:.7}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--live,#d5a229);font-weight:800}.muted{opacity:.7}.status-dot{font-weight:700}

/* LionCast v1.7 Broadcast Workspace — studio-first UI */
.studio-workspace{display:flex;flex-direction:column;gap:14px}.studio-hero{min-height:270px;padding:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);background:radial-gradient(700px 300px at 58% 35%,var(--lion-gold-dim),transparent 65%),linear-gradient(105deg,#0a0e13,#111820 60%,#090c11);position:relative}.studio-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.018) 80px)}.studio-hero-copy{padding:34px 38px;position:relative;z-index:1}.studio-hero h1{font-size:2.35rem;margin:7px 0 2px}.studio-sub{font-size:1.05rem;color:var(--text-dim);margin:0 0 13px}.studio-tags{display:flex;gap:15px;font:600 10px/1 IBM Plex Mono,monospace;letter-spacing:.16em;color:var(--text-faint)}.studio-now{margin-top:26px;display:flex;gap:12px;align-items:center;max-width:590px;padding:11px;background:rgba(4,7,10,.55);border:1px solid var(--border);border-radius:10px;backdrop-filter:blur(10px)}.studio-cover{width:52px;height:52px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(135deg,var(--lion-gold-dim),rgba(255,255,255,.04));font-size:25px;color:var(--lion-gold)}.studio-now div{min-width:0;display:grid;gap:2px}.studio-now small{font:600 9px IBM Plex Mono,monospace;letter-spacing:.14em;color:var(--lion-gold)}.studio-now strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-now span{font-size:11px;color:var(--text-faint)}.studio-onair-zone{position:relative;z-index:1;padding:30px 28px;border-left:1px solid var(--border);background:rgba(4,7,10,.4);display:flex;flex-direction:column;justify-content:center}.onair-sign{align-self:center;border:1px solid #555;color:#777;padding:12px 24px;border-radius:7px;font:700 1.5rem IBM Plex Mono,monospace;box-shadow:inset 0 0 18px rgba(255,255,255,.03);margin-bottom:25px}.onair-sign.is-live{color:#ff6c70;border-color:#ff374f;text-shadow:0 0 12px #ff374f;box-shadow:0 0 24px rgba(255,55,79,.22),inset 0 0 18px rgba(255,55,79,.08)}.vu-row{display:grid;grid-template-columns:16px 1fr;gap:8px;align-items:center;margin:6px 0;font:10px IBM Plex Mono,monospace}.vu{height:9px;background:repeating-linear-gradient(90deg,#1b242c 0 6px,transparent 6px 9px);overflow:hidden}.vu i{display:block;height:100%;background:repeating-linear-gradient(90deg,#32d17d 0 6px,transparent 6px 9px);filter:drop-shadow(0 0 3px rgba(50,209,125,.4))}.studio-transport{display:flex;justify-content:center;gap:12px;margin-top:22px}.studio-transport a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;text-decoration:none;border:1px solid var(--border);background:var(--panel-raised);color:var(--text)}.studio-transport a.mic{border-color:#d93645;color:#ff6c70;background:rgba(217,54,69,.12)}.studio-toolbelt{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.studio-toolbelt>a{min-height:76px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,var(--panel-top),var(--panel-bot));padding:12px;display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);transition:.15s}.studio-toolbelt>a:hover{border-color:var(--lion-gold);transform:translateY(-1px)}.studio-toolbelt b{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--lion-gold-dim);color:var(--lion-gold);font-size:18px}.studio-toolbelt span{font-size:12px;font-weight:600}.studio-toolbelt small{display:block;font-size:9px;font-weight:400;color:var(--text-faint);margin-top:3px}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.studio-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-panel-head h2{margin:4px 0 0;font-size:1.2rem}.queue-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:15px 0 4px}.queue-tabs span{padding:8px 11px;font:600 9px IBM Plex Mono,monospace;color:var(--text-faint)}.queue-tabs span.active{color:var(--lion-gold);border-bottom:2px solid var(--lion-gold)}.queue-track{display:grid;grid-template-columns:28px 28px minmax(0,1fr) 70px 65px;gap:8px;align-items:center;padding:10px 8px;text-decoration:none;color:inherit;border-bottom:1px solid var(--border-soft)}.queue-track.selected{background:linear-gradient(90deg,var(--lion-gold-dim),transparent);border-radius:7px}.track-num,.track-play{font:10px IBM Plex Mono,monospace;color:var(--text-faint)}.track-main{display:grid;min-width:0}.track-main strong,.track-main small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-main strong{font-size:12px}.track-main small,.track-listeners small{font-size:9px;color:var(--text-faint)}.track-listeners{display:grid;text-align:right}.track-listeners b{font:600 12px IBM Plex Mono,monospace}.track-state{font:700 9px IBM Plex Mono,monospace;color:var(--text-faint);text-align:right}.track-state.live{color:#35d27f}.studio-side{display:flex;flex-direction:column;gap:14px}.audience-number{font:700 2.8rem Barlow Condensed,sans-serif;color:var(--text);margin-top:7px}.audience-card>small{color:var(--text-faint)}.audience-card>a,.status-rack>a{display:block;margin-top:14px;font-size:10px;color:var(--lion-gold);text-decoration:none}.audience-bars{height:60px;display:flex;gap:4px;align-items:end;margin:15px 0}.audience-bars i{flex:1;background:linear-gradient(to top,var(--lion-gold),var(--lion-gold-2));border-radius:2px 2px 0 0;opacity:.8}.audience-bars i:nth-child(1){height:25%}.audience-bars i:nth-child(2){height:42%}.audience-bars i:nth-child(3){height:36%}.audience-bars i:nth-child(4){height:55%}.audience-bars i:nth-child(5){height:48%}.audience-bars i:nth-child(6){height:73%}.audience-bars i:nth-child(7){height:62%}.audience-bars i:nth-child(8){height:80%}.audience-bars i:nth-child(9){height:68%}.audience-bars i:nth-child(10){height:88%}.audience-bars i:nth-child(11){height:77%}.audience-bars i:nth-child(12){height:95%}.status-rack h3{margin:5px 0 12px}.status-rack>div{display:flex;justify-content:space-between;border-top:1px solid var(--border-soft);padding:8px 0;font-size:11px}.status-rack b{font:700 9px IBM Plex Mono,monospace}.good-led{color:#35d27f}.warn-led{color:#ffb020}.studio-timeline{overflow:hidden}.timeline-hours{display:flex;justify-content:space-between;color:var(--text-faint);font:9px IBM Plex Mono,monospace;margin-top:17px}.timeline-track{height:58px;margin-top:7px;display:grid;grid-template-columns:38% 24% 38%;position:relative;border:1px solid var(--border);border-radius:7px;overflow:visible}.timeline-block{display:grid;place-items:center;font-size:10px;border-right:1px solid rgba(255,255,255,.08)}.timeline-block.auto{background:rgba(30,115,184,.24)}.timeline-block.live{background:var(--lion-gold-dim);color:var(--lion-gold)}.timeline-block.mix{background:rgba(110,76,180,.2)}.timeline-now{position:absolute;top:-17px;bottom:-5px;border-left:1px solid #ff4b55}.timeline-now b{position:absolute;top:-5px;transform:translate(-50%,-100%);background:#b42c38;color:#fff;padding:3px 6px;border-radius:4px;font:7px IBM Plex Mono,monospace}.studio-ops-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.studio-ops-strip a{border:1px solid var(--border);border-radius:8px;padding:11px;text-decoration:none;color:var(--lion-gold);font:700 9px IBM Plex Mono,monospace}.studio-ops-strip span{display:block;color:var(--text-faint);font:400 9px Inter,sans-serif;margin-top:4px}.theme-studio-light .studio-hero{background:radial-gradient(700px 300px at 58% 35%,rgba(196,147,32,.12),transparent 65%),linear-gradient(105deg,#fff,#f6f8fa)}.theme-studio-light .studio-onair-zone,.theme-studio-light .studio-now{background:rgba(255,255,255,.55)}
@media(max-width:1100px){.studio-toolbelt{grid-template-columns:repeat(3,1fr)}.studio-grid{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr 1fr}.studio-ops-strip{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.studio-hero{grid-template-columns:1fr}.studio-onair-zone{border-left:0;border-top:1px solid var(--border)}.studio-hero-copy{padding:24px 20px}.studio-hero h1{font-size:1.8rem}.studio-toolbelt{grid-template-columns:1fr 1fr}.studio-side{grid-template-columns:1fr}.queue-track{grid-template-columns:22px 22px minmax(0,1fr) 55px}.track-state{display:none}.studio-ops-strip{grid-template-columns:1fr}.timeline-block{font-size:8px}}

/* v1.7.3 management/UI completeness */
.account-tools{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:9px}.language-menu{position:relative;margin:5px 0 10px}.language-menu summary{list-style:none;cursor:pointer;border:1px solid #2b333e;background:#11161d;border-radius:7px;padding:8px 10px;font:600 .73rem var(--font-body);color:#d7dce2}.language-menu summary::-webkit-details-marker{display:none}.language-menu-list{position:absolute;left:0;bottom:calc(100% + 6px);z-index:30;min-width:190px;padding:6px;background:#0d1218;border:1px solid #303946;border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.45)}.language-menu-list a{display:flex!important;justify-content:space-between;align-items:center;margin:0!important;padding:8px 9px;border-radius:5px;color:#aeb7c2}.language-menu-list a.active{background:rgba(242,182,50,.1);color:#f1cd6e}.language-menu-list small{opacity:.55}.logout-link{opacity:.72}.management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.management-stat{padding:15px;border:1px solid #29313b;border-radius:8px;background:#10151b}.management-stat b{display:block;font-size:1.45rem;color:#f1cd6e}.package-scope{font-size:.68rem;padding:3px 7px;border:1px solid #394351;border-radius:999px}.security-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:stretch}.security-status{padding:22px;background:radial-gradient(500px 180px at 10% 0,rgba(242,182,50,.12),transparent 65%),#10151b;border:1px solid #303846;border-radius:10px}.security-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.security-metric{padding:13px;border:1px solid #29313b;border-radius:8px;background:#0e1319}.security-metric strong{display:block;font-size:1.2rem}.security-actions{display:flex;gap:8px;flex-wrap:wrap}.security-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.security-tabs a{padding:7px 10px;border:1px solid #303846;border-radius:6px;text-decoration:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .span-2{grid-column:1/-1}@media(max-width:900px){.management-grid{grid-template-columns:1fr 1fr}.security-hero{grid-template-columns:1fr}}@media(max-width:620px){.management-grid,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.language-menu-list{position:fixed;left:14px;right:14px;bottom:72px;min-width:0}}