:root {
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#edf2f7;background:#0b0f16;--panel:#111823;--muted:#8fa0b3;--line:#243143;
}
*{box-sizing:border-box}body{margin:0;background:#0b0f16}button,input,select{font:inherit}button{cursor:pointer}
.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}
.sidebar{height:100vh;position:sticky;top:0;background:#0d131c;border-right:1px solid var(--line);padding:22px 16px;display:flex;flex-direction:column}
.brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px}.brand-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#6bb3ff,#7968ff);font-weight:800}.brand strong,.brand span{display:block}.brand span{color:var(--muted);font-size:12px}
nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#b8c4d1;text-align:left;padding:11px 12px;border-radius:9px}.nav-item.active,.nav-item:hover{background:#172233;color:white}
.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:14px 8px 0}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer span{font-size:12px;color:var(--muted);margin-top:3px}
main{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px}.topbar p{color:var(--muted)}.top-actions{display:flex;gap:10px;align-items:center}
h1,h2,p{margin-top:0}.primary,.secondary{border-radius:9px;padding:10px 14px;border:1px solid var(--line);color:white}.primary{background:#337ef0;border-color:#337ef0}.secondary{background:#172233}
.section{display:none}.section.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat,.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:13px}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:28px}.panel{padding:18px;margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.service-list{display:grid;gap:10px}.service-row{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.3fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#0f1620}.service-row small{color:var(--muted)}.badge{padding:5px 8px;border-radius:999px;background:#1c2a3e;color:#a9caff;font-size:12px;width:max-content}.url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a7bad0;font-size:12px}.service-actions{display:flex;gap:6px}.tiny{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:#172233;color:white;font-size:12px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{padding:16px}.card small{color:var(--muted)}
dialog{width:min(560px,calc(100vw - 32px));background:#101721;color:white;border:1px solid var(--line);border-radius:14px;padding:0}dialog::backdrop{background:rgba(0,0,0,.65)}dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between;gap:16px}.icon-btn{border:0;background:transparent;color:#aaa;font-size:28px}
label{display:grid;gap:7px;margin:12px 0;color:#c9d5e2;font-size:13px}input,select{padding:10px 11px;border-radius:8px;border:1px solid var(--line);background:#0b111a;color:white}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.result{background:#090d13;padding:12px;border-radius:8px;overflow:auto;color:#b8e3c7}.hidden{display:none}.empty{color:var(--muted);padding:18px 4px}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.stats-grid,.cards{grid-template-columns:1fr 1fr}.service-row{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){main{padding:18px}.stats-grid,.cards{grid-template-columns:1fr}}

.radio-layout{display:grid;grid-template-columns:280px 1fr;gap:16px}
.radio-stations-panel{margin-top:0}.station-list{display:grid;gap:8px}.station-btn{width:100%;text-align:left;padding:12px;border-radius:9px;border:1px solid var(--line);background:#0f1620;color:white}.station-btn.active,.station-btn:hover{border-color:#4f83cc;background:#172233}.station-btn small{display:block;color:var(--muted);margin-top:4px}
.radio-workspace .panel{margin-top:0}.radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.radio-grid .panel{margin:0}.stack{display:grid;gap:8px}.mini-list{display:grid;gap:8px;margin-top:14px}.mini-item{padding:10px;border:1px solid var(--line);border-radius:8px;background:#0f1620}.mini-item small{display:block;color:var(--muted);margin-top:4px}
.worker-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.now-playing-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--line);border-radius:10px;background:#0f1620}.now-playing-card span,.now-playing-card small{display:block;color:var(--muted)}.now-playing-card strong{display:block;font-size:22px;margin:5px 0}.credentials{display:grid;gap:8px}.credential-row{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.credential-row span{color:var(--muted)}.credential-row code{overflow-wrap:anywhere}.empty-state{text-align:center;padding:50px 20px}
@media(max-width:1050px){.radio-layout{grid-template-columns:1fr}.radio-grid{grid-template-columns:1fr}}

.login-overlay{position:fixed;inset:0;background:#080c12;z-index:9999;display:grid;place-items:center;padding:20px}
.login-card{width:min(420px,100%);background:#111823;border:1px solid var(--line);border-radius:14px;padding:24px;display:grid;gap:12px}
.login-card .brand-mark{margin-bottom:4px}.login-card small{color:#ff9b9b}.hidden{display:none!important}
.login-brand-logo{display:block;width:min(260px,85%);height:112px;margin:-18px auto -4px;object-fit:contain}.sidebar-brand-logo{display:block;width:142px;height:58px;object-fit:contain;object-position:left center}.brand:has(.sidebar-brand-logo){display:grid;grid-template-columns:1fr;gap:0;align-items:start}.brand:has(.sidebar-brand-logo)>span{margin-top:-10px;padding-left:5px}
textarea{min-height:90px;padding:10px 11px;border-radius:8px;border:1px solid var(--line);background:#0b111a;color:white;font:inherit}

.sortable-list .mini-item{cursor:grab}
.sortable-list .mini-item.dragging{opacity:.45}
.clock-slot{display:inline-block;margin:3px 6px 3px 0;padding:4px 7px;border-radius:999px;background:#1c2a3e;color:#a9caff;font-size:11px}

.playlist-two-pane{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.playlist-two-pane>div{min-width:0}
.media-add{display:flex;justify-content:space-between;gap:8px;align-items:center}
.remove-track{margin-left:auto}
.clock-editor{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:12px}
.clock-cell{min-height:52px;border:1px solid var(--line);border-radius:8px;padding:6px;background:#0f1620;font-size:11px}
.clock-cell strong{display:block}
@media(max-width:900px){.playlist-two-pane{grid-template-columns:1fr}.clock-editor{grid-template-columns:repeat(3,1fr)}}

.studio-shell{display:grid;grid-template-columns:260px 1fr;gap:16px}
.studio-sidebar{margin-top:0}.studio-main{min-width:0}
.studio-monitors{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.monitor-panel{margin-top:0;padding:12px}.monitor-title{font-size:12px;letter-spacing:.16em;color:var(--muted);margin-bottom:8px}
.program-monitor{border-color:#b83333}
.video-stage{position:relative;background:#000;aspect-ratio:16/9;border-radius:10px;overflow:hidden;display:grid;place-items:center}
.video-stage video,.video-stage canvas{width:100%;height:100%;object-fit:cover;background:#000}
.lower-third{position:absolute;left:5%;bottom:8%;background:rgba(10,15,24,.88);padding:10px 16px;border-left:4px solid #337ef0;min-width:38%;max-width:80%}
.lower-third strong,.lower-third span{display:block}.lower-third span{font-size:12px;color:#b9c5d3;margin-top:3px}
.channel-bug{position:absolute;right:4%;top:5%;background:rgba(15,22,32,.75);padding:7px 10px;border-radius:6px;font-weight:700;font-size:12px}
.studio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.studio-grid .panel{margin:0}
.scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.scene-card{border:1px solid var(--line);background:#0f1620;color:white;border-radius:8px;padding:16px 8px}.scene-card.active{border-color:#4f83cc;background:#172b46}
.file-button{display:block;border:1px solid var(--line);background:#172233;padding:10px 12px;border-radius:8px;text-align:center;cursor:pointer}.file-button input{display:none}
.meter{height:10px;background:#0b111a;border:1px solid var(--line);border-radius:999px;overflow:hidden}.meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,#48c774,#ffdd57,#f14668)}
.studio-controlbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.studio-controlbar strong,.studio-controlbar small{display:block}.studio-controlbar small{color:var(--muted);margin-top:4px}
.studio-control-actions{display:flex;gap:10px}.go-live{background:#c93434;border:1px solid #e14949;color:#fff;border-radius:9px;padding:11px 18px;font-weight:800}
@media(max-width:1100px){.studio-shell{grid-template-columns:1fr}.studio-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.studio-monitors,.studio-grid{grid-template-columns:1fr}.studio-controlbar{align-items:flex-start;flex-direction:column}}

.ticker-preview{position:absolute;left:0;right:0;bottom:0;background:rgba(10,15,24,.88);padding:8px 0;overflow:hidden;white-space:nowrap}
.ticker-preview span{display:inline-block;padding-left:100%;animation:fokisenTicker 18s linear infinite}
@keyframes fokisenTicker{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.saved-scene-row{display:flex;align-items:center;justify-content:space-between;gap:8px}

/* v2.2 functionality pass */
.actionable-card{cursor:pointer;position:relative}.actionable-card:hover{transform:translateY(-1px)}.actionable-card:focus{outline:2px solid currentColor;outline-offset:2px}.service-actions{display:flex;gap:6px;flex-wrap:wrap}#detailsDialog{min-width:min(560px,92vw);max-width:720px}


/* v2.3 production-readiness */
.section.active{display:block!important;position:relative;top:0;margin:0;padding:0}
.radio-layout{align-items:start;margin-top:0!important}.radio-workspace{min-width:0;align-self:start}.radio-workspace>.panel:first-child,.radio-workspace>#radioManager,.radio-workspace>#videoManager,.radio-workspace>#vodManager{margin-top:0!important}
.toast-stack{position:fixed;right:20px;bottom:20px;z-index:10000;display:grid;gap:8px}.toast{padding:12px 14px;border-radius:10px;background:#162131;border:1px solid #32445b;box-shadow:0 10px 30px rgba(0,0,0,.35);max-width:420px}.toast.error{border-color:#8b3b45}.toast.success{border-color:#2f7755}
.inline-error{color:#ff9b9b;font-size:13px;min-height:18px;margin-top:8px}.danger{background:#5d2028!important;border-color:#87333e!important}.live-ok{background:#71303a;color:#fff}.copy-btn{margin-left:6px}
.media-upload-zone{border:1px dashed #3a506a;border-radius:10px;padding:12px;background:#0c131d}.media-upload-zone input[type=file]{width:100%}
.studio-source-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.studio-source-tile{border:2px solid #25364b;border-radius:10px;overflow:hidden;background:#05080d;cursor:pointer}.studio-source-tile.active{border-color:#4b9cff}.studio-source-tile .thumb{aspect-ratio:16/9;background:#05080d;display:grid;place-items:center;color:#71839a}.studio-source-tile small{display:block;padding:7px 9px;color:#c7d2df}.studio-monitors{grid-template-columns:1fr 1fr}.lower-third{background:linear-gradient(90deg,rgba(4,10,18,.96),rgba(19,48,82,.9));border-left:0;border-bottom:4px solid #55a8ff;box-shadow:0 12px 28px rgba(0,0,0,.35);clip-path:polygon(0 0,94% 0,100% 100%,0 100%)}.ticker-preview{background:linear-gradient(90deg,#0c1724,#132d49);border-top:2px solid #55a8ff;font-weight:700;letter-spacing:.02em}.watch-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.social-list{display:grid;gap:8px;margin-top:10px}
@media(max-width:1000px){.studio-source-wall{grid-template-columns:1fr 1fr}}
.media-cloud-form{grid-template-columns:160px 1fr 1.4fr auto}.inline-form{display:grid;grid-template-columns:1fr 220px 220px 1.4fr auto;gap:10px;align-items:center;margin:0 0 18px}.inline-form input,.inline-form select{min-width:0}@media(max-width:900px){.inline-form,.media-cloud-form{grid-template-columns:1fr}}
/* v2.5 Broadcast Suite */
.studio-source-wall-7{grid-template-columns:repeat(7,minmax(110px,1fr));overflow-x:auto}.camera-bank{display:grid;grid-template-columns:1fr 1fr;gap:8px}.camera-bank>div{display:grid;gap:5px;padding:8px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}
.tv-main-player{position:relative;aspect-ratio:16/9;max-height:620px;background:#05070b;border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:14px 0}.tv-main-player iframe{width:100%;height:100%;border:0}.tv-main-player video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.player-state{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.72);padding:7px 11px;border-radius:8px;font-size:12px;pointer-events:none;z-index:2}
.tv-guide{display:grid;gap:8px}.guide-row{display:grid;grid-template-columns:190px 1fr 90px;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}.guide-row time,.guide-row small{color:var(--muted)}
.analytics-panel{grid-column:1/-1}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{padding:16px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.metric-card span{display:block;color:var(--muted);font-size:12px}.metric-card strong{font-size:28px}.analytics-bars{grid-column:1/-1;display:grid;gap:7px}.bar-row{display:grid;grid-template-columns:110px 1fr 50px;gap:8px;align-items:center}.bar-row>div{height:10px;background:#101825;border-radius:20px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#e31b2b,#ff5d67);border-radius:20px}
.broadcast-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.editor-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:18px}.editor-preview{position:relative;min-height:420px;background:#05070b;border:1px solid var(--border);border-radius:14px;display:grid;place-items:center;overflow:hidden}.editor-preview video{width:100%;max-height:520px}.editor-timecode{position:absolute;right:12px;bottom:10px;background:#000b;padding:5px 8px;border-radius:6px;font-family:monospace}
@media(max-width:1000px){.studio-source-wall-7{grid-template-columns:repeat(4,minmax(120px,1fr))}.analytics-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.guide-row{grid-template-columns:1fr}}
.app-builder-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel-sub{border:1px solid var(--border);padding:16px;border-radius:12px;display:grid;gap:10px}.app-preview{--app-accent:#e31b2b;min-height:220px;border-radius:18px;background:#080b10;border:8px solid #242a33;padding:16px;color:#fff}.app-preview>strong{color:var(--app-accent)}.app-preview>div{display:flex;gap:12px;margin:14px 0;font-size:12px}.app-preview section{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.app-preview i{height:85px;background:linear-gradient(145deg,var(--app-accent),#18263b);border-radius:7px}@media(max-width:900px){.app-builder-layout{grid-template-columns:1fr}}
.radio-studio-panel{margin-top:16px}.radio-console-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.console-strip{border:1px solid var(--line);background:#0f1620;border-radius:10px;padding:12px;display:grid;gap:10px}.console-strip label{display:grid;gap:5px;color:var(--muted);font-size:12px}.studio-meter-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.studio-meter-row>div{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:10px}.studio-meter-row meter{width:100%;height:18px}.cart-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cart-slot{border:1px solid var(--line);border-radius:9px;padding:9px;background:#131b27;display:grid;gap:7px}.cart-slot button{min-height:46px}.radio-studio-panel audio{width:100%;margin-top:8px}.badge.live-air{background:#8f1018;color:#fff;border-color:#e31b2b}@media(max-width:1150px){.radio-console-grid{grid-template-columns:repeat(2,1fr)}.cart-wall{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.radio-console-grid{grid-template-columns:1fr}.cart-wall{grid-template-columns:repeat(2,1fr)}}
/* Editor V2 */
.editor-v2-shell{display:grid;gap:14px}.editor-v2-top{display:grid;grid-template-columns:260px minmax(420px,1fr) 320px;gap:12px}.editor-v2-bin,.editor-v2-inspector,.editor-toolbar,.editor-timeline-wrap,.editor-v2-bottom>.card{padding:12px}.editor-v2-preview{min-height:430px}.editor-safe-area{position:absolute;inset:10%;border:1px dashed #ffffff33;pointer-events:none}.editor-preview-tools{position:absolute;left:12px;bottom:10px;display:flex;gap:6px}.editor-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.editor-toolbar>input{min-width:260px;flex:1}.editor-timeline-wrap{position:relative;overflow-x:auto;min-height:360px}.editor-ruler{height:28px;margin-left:62px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(90deg,#ffffff12 0 1px,transparent 1px 80px)}.editor-multitrack{display:grid;gap:4px;min-width:900px}.editor-track{display:grid;grid-template-columns:58px 1fr;min-height:48px}.editor-track-label{padding:10px 6px;font-weight:800;background:#111722;border-right:1px solid var(--border)}.editor-track-lane{position:relative;background:#080d14;border-bottom:1px solid #ffffff0d;min-height:48px}.editor-clip{position:absolute;top:5px;height:38px;border:1px solid #5c83ff;background:#243d73;border-radius:7px;padding:5px 8px;overflow:hidden;cursor:pointer;min-width:28px}.editor-clip.audio{background:#285d48;border-color:#46b97d}.editor-clip.selected{outline:2px solid #fff}.editor-clip small{display:block;opacity:.7;white-space:nowrap}.editor-playhead{position:absolute;z-index:5;top:28px;bottom:0;width:2px;background:#ff344d;left:62px;pointer-events:none}.editor-v2-bottom{display:grid;grid-template-columns:1.3fr .8fr 1fr;gap:12px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.check{display:flex;gap:8px;align-items:center}.hidden{display:none!important}.editor-graphic{display:flex;justify-content:space-between;gap:8px}.editor-timeline-wrap.zoomed .editor-track-lane{min-width:1600px}@media(max-width:1180px){.editor-v2-top{grid-template-columns:1fr}.editor-v2-bottom{grid-template-columns:1fr}.editor-v2-preview{min-height:360px}}

.account-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;align-items:start}.profile-card{display:flex;gap:14px;align-items:center;margin-bottom:14px}.profile-card img{width:88px;height:88px;border-radius:50%;object-fit:cover;background:#1b2230;border:1px solid #384257}.profile-card small{display:block;margin-top:5px}.share-chip{display:inline-flex;gap:8px;align-items:center}@media(max-width:1000px){.account-layout{grid-template-columns:1fr}}

/* v2.9.5 — Unified Fokisen Midnight/Purple Control Panel Theme */
:root{
  --bg:#070b12;
  --bg-2:#0a0f19;
  --panel:#0f1622;
  --panel-2:#121b29;
  --panel-3:#172235;
  --line:#1e2a3c;
  --line-bright:#2b3a50;
  --text:#f5f7fb;
  --muted:#8e9bad;
  --purple:#7c3aed;
  --purple-2:#9333ea;
  --purple-soft:#a78bfa;
  --blue:#3b82f6;
  --green:#22c55e;
  --red:#ef4444;
  --amber:#f59e0b;
  --shadow:0 18px 48px rgba(0,0,0,.28);
  color:var(--text);
  background:var(--bg);
}
html{background:var(--bg)}
body{
  background:
    radial-gradient(circle at 85% -10%,rgba(124,58,237,.13),transparent 30%),
    radial-gradient(circle at 30% 0%,rgba(59,130,246,.06),transparent 26%),
    linear-gradient(180deg,#080c14 0%,#070b12 100%);
  color:var(--text);
}
.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh}
.sidebar{
  width:224px;
  background:linear-gradient(180deg,#080d16 0%,#090f19 100%);
  border-right:1px solid #182235;
  box-shadow:14px 0 40px rgba(0,0,0,.18);
  padding:19px 14px 18px;
  z-index:30;
  overflow-y:auto;
}
.brand{padding:1px 7px 22px;gap:10px}
.brand-mark{
  width:35px;height:35px;border-radius:10px;
  background:linear-gradient(145deg,#7c3aed,#a855f7);
  box-shadow:0 0 22px rgba(124,58,237,.28);
  color:#fff;font-size:0;
  position:relative;
}
.brand-mark:after{
  content:"";width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid white;margin-left:3px;
}
.brand strong{text-transform:uppercase;letter-spacing:.08em;font-size:16px;font-weight:850}
.brand span{color:#9f7aea;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:800;margin-top:2px}
nav{gap:3px}
.nav-item{
  color:#9ba7b7;
  padding:10px 11px;
  border-radius:8px;
  font-size:13px;
  font-weight:560;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.nav-item:hover{background:#111a29;color:#fff;transform:translateX(1px)}
.nav-item.active{
  background:linear-gradient(90deg,#6d28d9 0%,#7c3aed 64%,#842eea 100%);
  color:white;
  box-shadow:0 8px 20px rgba(124,58,237,.22),inset 0 1px rgba(255,255,255,.08);
}
.sidebar-footer{
  margin-top:24px;padding:15px 9px 2px;border-top:1px solid #1b2637;
}
.sidebar-footer strong{color:#fff;font-size:12px}.sidebar-footer span{color:#8e9bad;font-size:10px}
main{padding:0 26px 30px;min-width:0}
.topbar{
  position:sticky;top:0;z-index:20;
  margin:0 -26px 24px;padding:18px 26px;
  background:rgba(8,13,22,.92);
  backdrop-filter:blur(18px);
  border-bottom:1px solid #182235;
  box-shadow:0 9px 25px rgba(0,0,0,.14);
}
.topbar h1{font-size:25px;letter-spacing:-.025em;margin-bottom:4px}
.topbar p{color:#8e9bad;font-size:12px;margin:0}
.top-actions{gap:9px}
.top-actions select{min-width:180px;background:#101724;border-color:#263246}
.primary,.secondary,.tiny,.go-live{
  min-height:38px;border-radius:8px;font-weight:700;transition:transform .12s ease,filter .12s ease,border-color .12s ease;
}
.primary{background:linear-gradient(135deg,#6d28d9,#7c3aed 58%,#9333ea);border-color:#8b5cf6;box-shadow:0 8px 20px rgba(124,58,237,.18)}
.primary:hover,.go-live:hover{filter:brightness(1.1);transform:translateY(-1px)}
.secondary,.tiny{background:#121b2a;border-color:#27354a;color:#e9edf5}.secondary:hover,.tiny:hover{background:#182439;border-color:#394b65}
.go-live{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#f05c5c;box-shadow:0 8px 20px rgba(239,68,68,.18)}
.section{animation:fokisenPageIn .16s ease}
@keyframes fokisenPageIn{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:none}}
.stats-grid{gap:13px}
.stat,.panel,.card,.panel-sub{
  background:linear-gradient(180deg,rgba(16,24,37,.98),rgba(13,20,31,.98));
  border:1px solid #1f2c3f;
  border-radius:12px;
  box-shadow:0 9px 26px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.015);
}
.stat{padding:17px;position:relative;overflow:hidden}
.stat:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(#7c3aed,transparent 78%);opacity:.85}
.stat span{color:#8f9caf;font-size:11px;font-weight:600}.stat strong{display:block;color:#fff;font-size:25px;margin-top:5px;letter-spacing:-.04em}
.panel{padding:17px;margin-top:15px}.panel-sub{padding:15px;margin-top:14px}
.panel h2,.panel h3{letter-spacing:-.015em}.panel h2{font-size:18px}.panel h3{font-size:15px}
.panel p,.card small{color:#8e9bad}
.panel-head{padding-bottom:6px}
.service-row,.mini-item,.station-btn,.scene-card,.clock-cell,.now-playing-card{
  background:#0d1521;border-color:#202e42;border-radius:9px;
}
.service-row:hover,.mini-item:hover,.station-btn:hover{background:#121c2b;border-color:#34435b}
.station-btn.active,.scene-card.active{border-color:#7c3aed;background:linear-gradient(90deg,rgba(109,40,217,.26),rgba(124,58,237,.09));box-shadow:inset 2px 0 #8b5cf6}
.badge,.clock-slot{background:rgba(124,58,237,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.22)}
input,select,textarea{
  background:#0a111c;border:1px solid #253349;color:#f4f6fb;border-radius:8px;
  outline:none;transition:border-color .14s ease,box-shadow .14s ease;
}
input:focus,select:focus,textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.12)}
input::placeholder,textarea::placeholder{color:#66758a}
label{color:#aeb8c7;font-weight:560}
dialog{background:#0f1724;border-color:#2b3a50;border-radius:12px;box-shadow:0 26px 70px rgba(0,0,0,.54)}
dialog::backdrop{background:rgba(1,4,9,.78);backdrop-filter:blur(4px)}
.dialog-head{align-items:center}.icon-btn{color:#9ba7b7}.icon-btn:hover{color:#fff}
.result{background:#090f18;color:#a7f3d0;border:1px solid #1d2a3b}
.url,code{color:#aab7ca}
.empty,.empty-state{color:#7f8da1}
.worker-controls{gap:8px}
.now-playing-card{background:linear-gradient(135deg,#111a29,#0d1420);border-color:#26354a}
.now-playing-card strong{font-size:21px}
.credentials{background:rgba(7,12,20,.35);border-radius:9px;padding:4px 10px}.credential-row{border-color:#1c293b}
.monitor-panel{background:#0d141f}.program-monitor{border-color:#7c3aed;box-shadow:0 0 0 1px rgba(124,58,237,.2),0 12px 30px rgba(0,0,0,.2)}
.video-stage{border:1px solid #1f2b3e;box-shadow:inset 0 0 30px rgba(0,0,0,.4)}
.monitor-title{color:#9aa8bb;font-weight:800}
.lower-third{background:linear-gradient(90deg,rgba(15,23,36,.96),rgba(26,20,48,.92));border-left-color:#8b5cf6;box-shadow:0 8px 30px rgba(0,0,0,.28)}
.channel-bug{background:linear-gradient(135deg,#6d28d9,#9333ea)}
.file-button{background:#101a29;border-color:#2b3a50}.file-button:hover{border-color:#7c3aed}
.meter{background:#080e17;border-color:#243247}.meter span{background:linear-gradient(90deg,#22c55e 0%,#84cc16 55%,#f59e0b 78%,#ef4444)}
.ticker-preview{background:linear-gradient(90deg,rgba(9,14,24,.96),rgba(32,20,55,.96))}
.login-overlay{background:radial-gradient(circle at 50% 20%,rgba(124,58,237,.16),transparent 38%),#070b12}
.login-card{background:#0e1623;border-color:#27354a;box-shadow:0 28px 70px rgba(0,0,0,.42)}
.login-card .brand-mark{margin:auto}.login-card h2{text-align:center}
/* content-specific theme polish used across Radio, Live TV, VOD, Media Cloud, Apps, Editor and Admin pages */
.radio-layout,.studio-shell,.playlist-two-pane,.app-builder-layout,.editor-layout,.video-layout,.vod-layout{gap:14px}
.radio-workspace>.panel:first-child,.studio-main>.panel:first-child{border-top-color:#7c3aed}
.watch-actions{display:flex;gap:8px;flex-wrap:wrap}
.status-online,.status-live{color:#4ade80!important}.status-offline,.status-error{color:#f87171!important}
/* preserve usability on narrower screens */
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{width:auto;height:auto;position:relative}.topbar{position:relative;margin:0 0 18px;padding:18px 0;background:transparent;border:0;box-shadow:none}main{padding:18px}}

/* v2.9.6 — role-aware workspaces */
.nav-item[hidden]{display:none!important}
body[data-workspace="reseller_admin"] .sidebar{border-right-color:rgba(121,64,255,.32)}
body[data-workspace="customer_admin"] .sidebar{border-right-color:rgba(47,190,255,.24)}
#workspaceBrandLabel{color:#9d8cff;font-weight:700;letter-spacing:.02em}
body[data-workspace="customer_admin"] #workspaceBrandLabel{color:#67c8ff}
body[data-workspace="reseller_admin"] #workspaceBrandLabel{color:#b08cff}

/* v2.9.7 mobile navigation */
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mobile-nav-open,.mobile-nav-close,.mobile-nav-backdrop{display:none}
.topbar-title-row{display:flex;align-items:flex-start;gap:12px;min-width:0}
@media(max-width:900px){
  body.nav-open{overflow:hidden}
  .app-shell{display:block;min-height:100vh}
  .sidebar{
    display:flex;position:fixed;z-index:1200;left:0;top:0;bottom:0;width:min(86vw,330px);height:100dvh;
    transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 48px rgba(0,0,0,.42);
    padding:18px 14px;overflow:hidden;background:#0a1019;border-right:1px solid #273349
  }
  .sidebar.mobile-open{transform:translateX(0)}
  .sidebar nav{overflow-y:auto;overscroll-behavior:contain;padding:4px 2px 18px;scrollbar-width:thin}
  .sidebar .brand{padding:0 4px 14px}
  .sidebar-footer{flex:0 0 auto;background:#0a1019;padding-bottom:max(4px,env(safe-area-inset-bottom))}
  .mobile-nav-open{display:inline-grid;place-items:center;gap:4px;width:44px;height:44px;flex:0 0 44px;border:1px solid #2a3548;border-radius:11px;background:#111a28;color:#fff;padding:10px}
  .mobile-nav-open span{display:block;width:20px;height:2px;border-radius:99px;background:#e8edf6}
  .mobile-nav-close{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #29364a;border-radius:10px;background:#111a28;color:#fff;font-size:26px;line-height:1}
  .mobile-nav-backdrop{display:block;position:fixed;z-index:1190;inset:0;background:rgba(2,6,12,.68);backdrop-filter:blur(2px);border:0;padding:0;margin:0;width:100%;height:100%}
  .mobile-nav-backdrop[hidden]{display:none}
  main{padding:0 16px 24px;min-width:0}
  .topbar{position:sticky;z-index:900;top:0;margin:0 -16px 16px;padding:calc(10px + env(safe-area-inset-top)) 16px 12px;background:rgba(10,16,25,.96);border-bottom:1px solid #222d3e;backdrop-filter:blur(14px);display:flex;align-items:center;flex-direction:row;justify-content:space-between}
  .topbar-title-row{align-items:center;flex:1}
  .topbar h1{font-size:22px;line-height:1.1;margin:0}
  .topbar p{display:none}
  .top-actions{margin-left:auto;flex:0 0 auto}
  .top-actions #devUser{max-width:150px}
  .top-actions .primary{white-space:nowrap;padding:9px 10px;font-size:12px}
}
@media(max-width:560px){
  .top-actions #devUser{display:none!important}
  .topbar{gap:8px}
  .topbar h1{font-size:20px}
  .top-actions .primary{font-size:0;width:42px;height:42px;padding:0;border-radius:11px}
  .top-actions .primary::before{content:"+";font-size:24px;line-height:1}
  .sidebar{width:min(88vw,310px)}
}


/* v2.9.8 — full-width broadcast workspace + reliable drawer navigation */
.app-shell{display:block!important;grid-template-columns:none!important;min-height:100vh}
.sidebar{
  display:flex!important;position:fixed!important;z-index:1200!important;left:0;top:0;bottom:0;
  width:min(330px,88vw)!important;height:100dvh!important;transform:translateX(-105%);
  transition:transform .2s ease;box-shadow:18px 0 48px rgba(0,0,0,.46);overflow:hidden!important;
  background:#0a1019!important;border-right:1px solid #273349!important;padding:18px 14px!important;
}
.sidebar.mobile-open{transform:translateX(0)!important}
.sidebar nav{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:6px 2px 20px!important;gap:4px!important}
.sidebar .nav-item{display:block;width:100%;flex:0 0 auto}
.sidebar .nav-item[hidden]{display:none!important}
.sidebar-footer{flex:0 0 auto;margin-top:10px!important;background:#0a1019}
.mobile-nav-open{display:inline-grid!important;place-items:center;gap:4px;width:44px;height:44px;flex:0 0 44px;border:1px solid #2a3548;border-radius:11px;background:#111a28;color:#fff;padding:10px}
.mobile-nav-open span{display:block;width:20px;height:2px;border-radius:99px;background:#e8edf6}
.mobile-nav-close{display:grid!important;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #29364a;border-radius:10px;background:#111a28;color:#fff;font-size:26px;line-height:1}
.mobile-nav-backdrop{display:block;position:fixed;z-index:1190;inset:0;background:rgba(2,6,12,.68);backdrop-filter:blur(2px);border:0;padding:0;margin:0;width:100%;height:100%}
.mobile-nav-backdrop[hidden]{display:none!important}
body.nav-open{overflow:hidden}
main{width:100%!important;max-width:none!important;padding:0 24px 30px!important;min-width:0}
.topbar{position:sticky!important;top:0;z-index:900;margin:0 -24px 18px!important;padding:14px 24px!important;background:rgba(10,16,25,.96)!important;border-bottom:1px solid #222d3e!important;backdrop-filter:blur(14px);display:flex!important;align-items:center!important;flex-direction:row!important}
.topbar-title-row{align-items:center!important;flex:1}

/* Live Studio / Live TV: stop four-column control panels from crushing each other. */
.studio-shell{grid-template-columns:1fr!important}
.studio-sidebar{display:none!important}
.studio-monitors{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
.studio-source-wall-7{display:flex!important;overflow-x:auto!important;gap:9px!important;padding-bottom:8px;scroll-snap-type:x proximity}
.studio-source-wall-7 .studio-source-tile{flex:0 0 150px;scroll-snap-align:start}
.studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.camera-bank{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#video .radio-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;align-items:start}
#video .radio-workspace{min-width:0}
#video .radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#video .tv-main-player{width:100%;max-width:1180px;margin-inline:auto}

/* Radio automation console inspired by professional broadcast automation desks. */
#radio .radio-layout{grid-template-columns:minmax(210px,250px) minmax(0,1fr)!important;align-items:start}
#radio #radioManager>.panel:first-child{border-top:2px solid #7c3aed}
#radio #radioManager>.radio-grid{grid-template-columns:minmax(280px,.85fr) minmax(360px,1.35fr)!important;align-items:start}
#radio #radioManager>.radio-grid>.panel{min-width:0}
#radio .radio-studio-panel{border-top:2px solid #7c3aed;background:linear-gradient(180deg,#101725,#0b111b)}
#radio .now-playing-card{min-height:110px;background:linear-gradient(135deg,#16102b,#0d1725)}
#radio .now-playing-card strong{font-size:28px}
#radio .worker-controls{justify-content:flex-end}
#radio .mini-list{max-height:360px;overflow:auto}
#radio .radio-console-grid{grid-template-columns:repeat(4,minmax(180px,1fr));overflow-x:auto}
#radio .console-strip{min-width:180px}

@media(max-width:1100px){
  main{padding:0 18px 26px!important}.topbar{margin:0 -18px 16px!important;padding:12px 18px!important}
  #video .radio-layout,#radio .radio-layout{grid-template-columns:1fr!important}
  #video .radio-stations-panel,#radio .radio-stations-panel{margin-bottom:12px}
  .studio-grid{grid-template-columns:1fr!important}
  .camera-bank{grid-template-columns:1fr 1fr!important}
  #radio #radioManager>.radio-grid{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  main{padding:0 12px 22px!important}.topbar{margin:0 -12px 12px!important;padding:calc(10px + env(safe-area-inset-top)) 12px 10px!important}
  .topbar h1{font-size:20px}.topbar p{display:none}
  .top-actions #devUser{display:none!important}.top-actions .primary{font-size:0;width:42px;height:42px;padding:0}.top-actions .primary::before{content:"+";font-size:24px}
  .studio-monitors{grid-template-columns:1fr!important}
  .studio-source-wall-7 .studio-source-tile{flex-basis:128px}
  .camera-bank{grid-template-columns:1fr!important}
  #video .radio-grid{grid-template-columns:1fr!important}
  #radio .radio-console-grid{grid-template-columns:1fr!important;overflow:visible}
}

/* v2.11.0 — Broadcast SaaS foundation */
.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px;margin-top:18px}
.market-card{background:#111823;border:1px solid #26354a;border-radius:12px;padding:16px;display:grid;gap:12px}
.market-card .market-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.market-card h3{margin:0}.market-code{font-weight:800;color:#67b7ff;letter-spacing:.08em}
.market-services{display:grid;gap:8px}.market-service{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;background:#0b1018;border-radius:8px}
.market-assign{display:grid;grid-template-columns:1fr auto;gap:8px}
.role-badge{display:inline-flex;align-items:center;border:1px solid #315174;background:#13253a;border-radius:999px;padding:4px 8px;font-size:.78rem;text-transform:capitalize}
.team-row{display:grid;grid-template-columns:minmax(170px,1fr) minmax(180px,.7fr) auto;gap:10px;align-items:center}
.team-row select{min-width:160px}.team-inactive{opacity:.55}
.np-artwork{width:92px;height:92px;object-fit:cover;border-radius:10px;background:#0a111b;border:1px solid #25374c;flex:0 0 auto}
.now-playing-card{align-items:center;gap:16px}
.editor-clip[draggable="true"]{cursor:grab}.editor-clip.dragging{opacity:.55}.editor-track.drop-target{outline:2px solid #337ef0;outline-offset:-2px}
.editor-publish-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#signupDialog,#inviteAcceptDialog{max-width:620px;width:min(620px,94vw)}
@media(max-width:760px){.team-row{grid-template-columns:1fr}.market-assign{grid-template-columns:1fr}.np-artwork{width:72px;height:72px}}
.market-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.market-card-head small{display:block;margin-top:4px;color:#9cafc4}
.market-service.assigned{border:1px solid #315174;background:#102235}
.market-service span{flex:1}.market-service small{color:#8da5bf}
.editor-track-lane.drop-target{outline:2px solid #337ef0;outline-offset:-2px;background:rgba(51,126,240,.08)}


/* v2.11.0 — AI Local Desk + Mobile Live */
.ai-desk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.ai-desk-generate{margin:14px 0}.ai-desk-results{grid-template-columns:1.35fr .65fr}.ai-script{white-space:pre-wrap;max-height:520px;overflow:auto;background:#090f18;border:1px solid var(--line);border-radius:10px;padding:14px;color:#eef4fb;font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.ai-history-item{width:100%;text-align:left;color:inherit}.ai-brief-head h3{margin:10px 0}.mini-item.selected{border-color:#4b9cff;box-shadow:0 0 0 1px #4b9cff inset}.market-card input[data-market-notes]{width:100%;margin:8px 0}.mobile-live-shell .primary{background:#1f7cff}@media(max-width:900px){.ai-desk-grid,.ai-desk-results{grid-template-columns:1fr}}


/* v2.11.2: Roku-state market grouping + persistent sign out */
.roku-state-groups{display:grid;gap:18px}
.roku-state-group{border:1px solid #203551;border-radius:14px;background:#0b1523;overflow:hidden}
.roku-state-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;background:#101f32;border-bottom:1px solid #203551}
.roku-state-head strong{font-size:1.05rem}
.roku-state-code{display:inline-flex;min-width:42px;justify-content:center;padding:5px 8px;border:1px solid #287fc1;border-radius:999px;color:#63beff;font-weight:800}
.roku-state-markets{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px;padding:14px}
.roku-state-empty{padding:18px;color:#8495aa}
.signout-btn{width:100%;margin-top:10px}
.role-scope{display:block;margin-top:4px;color:#8fa3bb;font-size:.78rem;line-height:1.3}
.team-row .danger{white-space:nowrap}

.radio-player-panel iframe{min-height:500px}.radio-player-panel .checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.radio-player-panel input[type=color]{min-height:42px;padding:4px}.game-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr);gap:14px}@media(max-width:900px){.game-admin-grid{grid-template-columns:1fr}}


/* v2.11.4 network TV guide */
.network-guide-panel{overflow:hidden}.guide-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guide-controls input,.guide-controls select{min-width:145px}.network-guide-now{display:flex;gap:10px;overflow:auto;padding:0 0 12px}.guide-now-card{min-width:245px;padding:12px 14px;border:1px solid #264562;border-radius:12px;background:linear-gradient(135deg,#10243a,#0b1727)}.guide-now-card .network{display:block;color:#59b9ff;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.guide-now-card strong{display:block;margin:5px 0}.guide-now-card small{color:#91a7be}.network-guide{overflow:auto;border:1px solid #203551;border-radius:14px;background:#07111d}.network-guide-board{min-width:1080px}.network-guide-ruler,.network-guide-row{display:grid;grid-template-columns:220px 1fr}.network-guide-ruler{position:sticky;top:0;z-index:4;background:#0c1a2a;border-bottom:1px solid #29435e}.network-guide-ruler-label{padding:12px 14px;font-weight:800;color:#9eb0c3;border-right:1px solid #29435e}.network-guide-times{position:relative;height:42px}.network-guide-time{position:absolute;top:0;height:100%;padding:12px 0 0 8px;border-left:1px solid #29435e;color:#9eb0c3;font-size:.78rem;white-space:nowrap}.network-guide-row{min-height:86px;border-bottom:1px solid #182d44}.network-guide-row:last-child{border-bottom:0}.network-guide-channel{position:sticky;left:0;z-index:3;padding:12px 14px;background:#0d1b2b;border-right:1px solid #29435e}.network-guide-channel .network{font-size:.73rem;color:#59b9ff;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.network-guide-channel strong{display:block;margin:4px 0}.network-guide-channel small{color:#8fa4ba}.network-guide-track{position:relative;min-height:86px;background-image:linear-gradient(to right,rgba(48,80,112,.35) 1px,transparent 1px);background-size:8.333333% 100%}.guide-program{position:absolute;top:8px;bottom:8px;min-width:32px;padding:9px 11px;border-radius:9px;background:linear-gradient(135deg,#133e66,#0e2945);border:1px solid #286da4;overflow:hidden}.guide-program.is-now{background:linear-gradient(135deg,#0b68bd,#164b78);border-color:#55bdff;box-shadow:0 0 0 1px rgba(85,189,255,.25)}.guide-program strong,.guide-program span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-program span{margin-top:4px;color:#bfd5e9;font-size:.74rem}.network-guide-nowline{position:absolute;top:0;bottom:0;width:2px;background:#ff3c5c;z-index:2;pointer-events:none}.network-guide-nowline:before{content:'NOW';position:absolute;top:2px;left:4px;color:#ff6c83;font-size:.65rem;font-weight:900}.guide-empty-track{padding:30px 14px;color:#688098;font-size:.8rem}
@media(max-width:800px){.network-guide-ruler,.network-guide-row{grid-template-columns:170px 1fr}.guide-controls{width:100%}.guide-controls input{max-width:185px}}


/* v2.11.6 state programming + PWA push */
.state-workspace-selector{display:grid!important;grid-template-columns:minmax(190px,.75fr) minmax(210px,.55fr) minmax(320px,1.7fr) auto;gap:12px;align-items:end;max-height:none!important}
.state-workspace-copy{display:grid;gap:4px;align-self:center}.state-workspace-kicker{color:#8b5cf6;font-size:9px;font-weight:900;letter-spacing:.12em}.state-workspace-copy strong{font-size:16px}.state-workspace-copy small{color:#8294aa;font-size:9px;line-height:1.35}
.state-workspace-control{display:grid;gap:5px}.state-workspace-control span{color:#8da0b8;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.state-workspace-control select{width:100%;min-height:42px}
.state-programming-list{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;padding:0!important;scrollbar-width:thin}
.state-programming-list .station-btn{flex:0 0 min(360px,75vw)!important;min-height:58px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:9px 11px!important;text-align:left!important;border-radius:11px!important}
.state-programming-list .station-btn>span:nth-child(2){min-width:0}.state-programming-list .station-btn strong,.state-programming-list .station-btn small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state-programming-list .station-btn b{font-size:8px;color:#7c91ab;white-space:nowrap}.state-programming-list .station-btn.active b{color:#fff}
.state-programming-list .state-code{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#132840;color:#6bc1ff;font-size:11px;font-weight:900}.state-programming-list .station-btn.active .state-code{background:#7552ed;color:#fff}
.state-programming-empty{min-height:58px;padding:12px;color:#8fa3bb;display:flex;align-items:center;border:1px dashed #2a3c56;border-radius:11px}
.state-workspace-selector>#videoCreateStateChannel{min-height:42px;white-space:nowrap}
@media(max-width:1050px){.state-workspace-selector{grid-template-columns:minmax(180px,.7fr) minmax(210px,.8fr) minmax(300px,1.5fr)}.state-workspace-selector>#videoCreateStateChannel{grid-column:2/4}}
@media(max-width:760px){.state-workspace-selector{grid-template-columns:1fr}.state-workspace-selector>#videoCreateStateChannel{grid-column:auto}.state-programming-list .station-btn{flex-basis:86vw!important}}
.push-admin{margin-top:22px}.push-admin textarea{min-height:92px}.push-count{display:inline-flex;border:1px solid #294867;border-radius:999px;padding:6px 10px;color:#a9bed4;font-size:.8rem}


/* v2.11.7 Visual App Builder */
.app-builder-v2{grid-template-columns:minmax(260px,.7fr) minmax(0,2.3fr)}
.app-builder-head,.app-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.app-builder-workbench{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(420px,1.25fr);gap:16px;align-items:start}
.app-builder-controls{display:grid;gap:10px}
.app-builder-controls details{border:1px solid var(--border);border-radius:10px;padding:10px;background:#091727}
.app-builder-controls summary{cursor:pointer;font-weight:850;margin-bottom:10px}
.app-builder-controls details>*:not(summary){margin-top:8px}
.app-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.app-preview-stage{position:sticky;top:82px;display:grid;gap:10px;min-width:0}
.app-preview-toolbar select{width:auto;min-width:120px}
.app-device-frame{background:#05080d;border:10px solid #222d3a;border-radius:22px;padding:10px;transition:.2s;box-shadow:0 18px 50px #0007}
.app-device-frame.device-tv{aspect-ratio:16/9;max-width:760px}
.app-device-frame.device-desktop{aspect-ratio:16/10;max-width:720px}
.app-device-frame.device-tablet{aspect-ratio:4/3;max-width:560px;margin:auto}
.app-device-frame.device-phone{aspect-ratio:9/18;max-width:310px;margin:auto;border-radius:34px}
.app-preview-v2{min-height:100%;height:100%;border:0;border-radius:10px;padding:0;overflow:hidden;display:flex;flex-direction:column;background:#071528;color:#fff}
.app-preview-shell{min-height:100%;display:flex;flex-direction:column;background:var(--preview-bg,#071528);color:var(--preview-text,#fff)}
.app-preview-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #ffffff17;background:#0003}
.app-preview-brand{display:flex;align-items:center;gap:9px;font-weight:900}
.app-preview-brand img{width:34px;height:34px;border-radius:7px;object-fit:contain;background:#fff1}
.app-preview-nav{display:flex;gap:11px;font-size:.7rem;font-weight:800;white-space:nowrap;overflow:hidden}
.app-preview-nav span:first-child{color:var(--preview-accent,#20A4FF)}
.app-preview-body{padding:14px;overflow:hidden;flex:1}
.app-preview-hero{position:relative;min-height:145px;border-radius:12px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(120deg,var(--preview-accent,#20A4FF),#0b1c31);background-size:cover;background-position:center;overflow:hidden}
.app-preview-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent)}
.app-preview-hero>*{position:relative;z-index:1}
.app-preview-hero h4{font-size:1.18rem;margin:0 0 4px}
.app-preview-hero p{font-size:.75rem;margin:0;color:#dce9f7}
.app-preview-live-pill{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#e62036;font-size:.62rem;font-weight:900;margin-bottom:6px}
.app-preview-section-title{font-size:.68rem;font-weight:900;letter-spacing:.07em;margin:14px 0 7px;color:#b9cce1}
.app-preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.app-preview-card{min-height:62px;padding:8px;border-radius:8px;background:#ffffff0c;border:1px solid #ffffff12;overflow:hidden}
.app-preview-card strong{display:block;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-preview-card small{display:block;margin-top:4px;color:#a9bfd8;font-size:.58rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-preview-radio{display:flex;align-items:center;gap:8px}
.app-preview-radio-art{width:42px;height:42px;border-radius:7px;background:linear-gradient(135deg,var(--preview-accent,#20A4FF),#20283c);flex:none}
.device-phone .app-preview-nav{display:none}
.device-phone .app-preview-body{padding:10px}
.device-phone .app-preview-hero{min-height:180px}
.device-phone .app-preview-cards{grid-template-columns:1fr 1fr}
.device-phone .app-preview-topbar{padding:10px}
.device-tablet .app-preview-hero{min-height:180px}
.app-distribution-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.app-distribution-field{display:grid;gap:4px;font-size:.78rem;color:#9eb3cb}
.app-distribution-field input{width:100%}
.app-readiness{border:1px solid #24415f;border-radius:9px;padding:10px;background:#071421}
.app-readiness.ready{border-color:#1f8f67}
.app-readiness strong{display:block;margin-bottom:5px}
.app-readiness ul{margin:5px 0 0 18px;padding:0;color:#9eb3cb;font-size:.78rem}
.app-platform-meta{color:#8fa7c0;font-size:.78rem}
.owner-badge{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:#6c4cff22;border:1px solid #6c4cff66;color:#b9aaff;font-size:.66rem;font-weight:850}
@media(max-width:1200px){.app-builder-workbench{grid-template-columns:1fr}.app-preview-stage{position:static}.app-builder-v2{grid-template-columns:1fr}}
@media(max-width:700px){.app-distribution-fields,.app-feature-grid{grid-template-columns:1fr}}


/* v2.11.8 — installable Fokisen Panel PWA */
.panel-pwa-card{margin-top:18px}
.panel-pwa-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(420px,1.2fr);gap:18px}
.panel-pwa-install,.panel-pwa-alerts{border:1px solid var(--line);border-radius:14px;background:#0b1420;padding:16px}
.panel-pwa-install{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.panel-pwa-install strong,.panel-pwa-install small{display:block}
.panel-pwa-install small{color:var(--muted);margin-top:5px;line-height:1.4}
.panel-pwa-icon{width:54px;height:54px;font-size:25px}
.panel-pwa-alerts .compact{margin-bottom:12px}
.panel-pwa-alerts .compact h4{margin:0}
.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin:12px 0}
.check-grid label{display:flex;align-items:center;gap:8px;background:#101b29;border:1px solid #25364b;border-radius:10px;padding:10px 11px}
.status-pill{display:inline-flex;align-items:center;border:1px solid #2d4762;border-radius:999px;padding:5px 9px;color:#9fc6e8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.status-pill.installed{border-color:#1c6d4b;color:#61d69b}
.pwa-install-top{white-space:nowrap}
.panel-offline-banner{position:fixed;z-index:10000;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);max-width:min(92vw,760px);background:#7b341e;color:#fff;border:1px solid #fb923c;border-radius:12px;padding:10px 14px;box-shadow:0 12px 32px #0008;font-size:13px;font-weight:750;text-align:center}
@media(max-width:900px){
  .panel-pwa-grid{grid-template-columns:1fr}
  .panel-pwa-install{grid-template-columns:auto 1fr}
  .panel-pwa-install button{grid-column:1/-1;width:100%}
  .pwa-install-top{display:none!important}
}

/* v2.11.9 — Game Show is a first-class Live Studio source */
.studio-game-show-preview{position:absolute;inset:0;width:100%;height:100%;background:#030813}.studio-game-show-source-box{display:grid;gap:7px;padding:10px;border:1px solid #285071;border-radius:11px;background:#09192a}.studio-game-show-source-box>small{color:#8fb2ce;line-height:1.35}.studio-gs-source{border-color:#245d88!important}.studio-gs-source .thumb{background:radial-gradient(circle at 30% 30%,#1c5c92,#071528 70%)!important;color:#8ed7ff!important;font-weight:900}.studio-gs-source.live .thumb{box-shadow:inset 0 0 0 2px #36d399}.studio-gs-source .thumb span{font-size:11px;letter-spacing:.08em}.studio-gs-preview-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.studio-gs-preview-row strong,.studio-gs-preview-row small{display:block}.studio-gs-preview-row small{color:#8fa8bf;margin-top:3px}


/* v2.11.10 — visible Live Studio source controls + AI Desk repair */
.studio-quickbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;border-color:#315f87;background:linear-gradient(135deg,#0b1725,#10243c)}
.studio-quickbar-title strong,.studio-quickbar-title small{display:block}
.studio-quickbar-title strong{font-size:1.05rem}
.studio-quickbar-title small{color:#9fb4ca;margin-top:4px;line-height:1.35}
.studio-quickbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.studio-add-source-prominent{min-height:44px;font-weight:900;letter-spacing:.01em;box-shadow:0 0 0 1px #9f7aea55,0 8px 24px #6d28d933}
.studio-quick-source-panel{margin-bottom:14px;border-color:#6d28d9;background:#0b1422}
.studio-quick-source-panel .mini-list{max-height:330px;overflow:auto}
@media(max-width:900px){
  .studio-quickbar{align-items:stretch;flex-direction:column}
  .studio-quickbar-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .studio-quickbar-actions button{width:100%;min-height:50px}
}
@media(max-width:620px){
  .studio-quickbar-actions{grid-template-columns:1fr}
}


/* v2.11.11 — markets no longer expose manual latitude/longitude */
.market-notes-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:10px 0}
@media(max-width:680px){.market-notes-row{grid-template-columns:1fr}.market-notes-row button{width:100%}}

/* v2.11.38 — approved responsive control panel redesign */
:root{
  --shell-bg:#070b13;
  --shell-panel:#0d1522;
  --shell-panel-raised:#111c2c;
  --shell-line:#1c2b40;
  --shell-muted:#8b9bb2;
  --shell-purple:#7c3aed;
  --shell-purple-bright:#9147ff;
  --shell-blue:#2d8cff;
  --shell-green:#25d083;
}
body{min-width:320px;background:radial-gradient(circle at 75% -15%,rgba(124,58,237,.12),transparent 32%),var(--shell-bg)}
.app-shell{grid-template-columns:252px minmax(0,1fr)}
.sidebar{width:252px;padding:20px 15px 18px;background:linear-gradient(180deg,#090f19,#080d16);border-right-color:#17243a;box-shadow:12px 0 36px rgba(0,0,0,.2)}
.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between}
.brand{padding:2px 8px 18px}.brand-mark{width:38px;height:38px;border-radius:12px}.brand strong{font-size:15px}.brand span{color:#ae8bff}
.sidebar-nav{display:flex;flex-direction:column;gap:3px;min-height:0}
.nav-group-label{padding:15px 11px 5px;color:#59687c;font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.nav-item{display:flex;align-items:center;gap:11px;min-height:39px;padding:8px 10px;border-radius:10px;font-size:12.5px}
.nav-glyph{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:7px;color:#8393aa;font-size:12px;font-weight:900;background:#111a29;border:1px solid #1b283b}
.nav-item:hover .nav-glyph,.nav-item.active .nav-glyph{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.08)}
.nav-item.active{background:linear-gradient(90deg,#6426ca,#7c3aed);box-shadow:0 8px 22px rgba(124,58,237,.24)}
.nav-item[hidden]+.nav-group-label,.nav-group-label:has(+.nav-item[hidden]){margin-top:0}
.sidebar-footer{margin-top:22px}.workspace-main{padding:0 30px 38px}
.topbar{margin:0 -30px 30px;padding:16px 30px;min-height:76px;border-bottom-color:#17243a;background:rgba(7,12,20,.91)}
.topbar-title-row{display:flex;align-items:center;gap:13px}.topbar h1{font-size:21px}.topbar p{font-size:11px}
.top-actions{gap:8px}.system-health{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #173f35;border-radius:999px;background:#0c211d;color:#76dbb0;font-size:10px;font-weight:800;white-space:nowrap}.system-health i,.on-air-pill i{width:7px;height:7px;border-radius:50%;background:var(--shell-green);box-shadow:0 0 9px rgba(37,208,131,.8)}
.profile-chip{display:flex;align-items:center;gap:9px;max-width:190px;padding:5px 8px 5px 5px;border:1px solid #26364c;border-radius:11px;background:#101927;color:#fff;text-align:left}.profile-chip>span:last-child{min-width:0}.profile-chip strong,.profile-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-chip strong{font-size:11px}.profile-chip small{margin-top:2px;color:var(--shell-muted);font-size:9px}.profile-avatar{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:9px;background:linear-gradient(145deg,#6d28d9,#2d8cff);font-weight:900}
.dashboard-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 22px}.dashboard-welcome h2{margin:4px 0 5px;font-size:28px;letter-spacing:-.035em}.dashboard-welcome p{margin:0;color:var(--shell-muted);font-size:13px}.dashboard-date{color:#718198;font-size:11px;text-align:right}.eyebrow{display:block;color:#8b5cf6;font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.dashboard-stats{gap:13px}.dashboard-stats .stat{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 12px;min-height:125px;padding:17px;text-align:left;color:#fff;border-color:#1c2b40;background:linear-gradient(145deg,#101927,#0c1420);box-shadow:0 12px 34px rgba(0,0,0,.14);transition:.18s ease}.dashboard-stats .stat:hover{transform:translateY(-2px);border-color:#3c4d69}.dashboard-stats .stat>span:not(.stat-icon),.dashboard-stats .stat small{grid-column:1}.dashboard-stats .stat>span:not(.stat-icon){color:#9babc0;font-size:11px}.dashboard-stats .stat strong{grid-column:1;font-size:30px;letter-spacing:-.04em;line-height:1.1}.dashboard-stats .stat small{color:#66778d;font-size:9px}.stat-icon{grid-column:2;grid-row:1/4;align-self:start;display:grid!important;place-items:center;width:34px;height:34px;border-radius:10px!important;color:#fff!important;font-size:12px!important}.stat-icon.live{background:#e63a58}.stat-icon.radio{background:#7c3aed}.stat-icon.vod{background:#2689f5}.stat-icon.scope{background:#159a69}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,.75fr);gap:16px;margin-top:16px}.dashboard-grid>.panel{margin:0}.on-air-card{padding:20px}.on-air-pill{display:flex;align-items:center;gap:7px;border:1px solid #176344;border-radius:999px;padding:6px 10px;background:#0c241b;color:#6ee7aa;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.broadcast-preview{position:relative;display:grid;place-items:center;min-height:280px;margin:15px 0;border:1px solid #22344d;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#182b49,#07101c 58%,#050910);box-shadow:inset 0 0 70px rgba(0,0,0,.35)}.broadcast-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 38%,rgba(124,58,237,.09),transparent 64%)}.preview-signal{position:relative;display:grid;place-items:center;text-align:center}.preview-signal>span{display:grid;place-items:center;width:64px;height:64px;margin-bottom:12px;border-radius:19px;background:linear-gradient(145deg,#6d28d9,#2d8cff);box-shadow:0 0 48px rgba(75,91,255,.3);font-size:26px;font-weight:900}.preview-signal strong{font-size:16px}.preview-signal small{margin-top:5px;color:#8495ad}.preview-live-badge{position:absolute;left:13px;top:13px;padding:5px 8px;border-radius:7px;background:#e6324f;color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}.broadcast-meta{display:grid;gap:13px}.broadcast-meta>div:first-child{display:grid;gap:5px}.broadcast-meta span{color:#76879c;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.broadcast-meta code{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#afc1d5;font-size:11px}.broadcast-actions{display:flex;gap:8px;flex-wrap:wrap}
.quick-actions-card{padding:20px}.quick-action-grid{display:grid;gap:9px;margin-top:13px}.quick-action-grid button{display:grid;grid-template-columns:36px 1fr;column-gap:11px;align-items:center;padding:12px;border:1px solid #1d2d43;border-radius:12px;background:#0a121e;color:#fff;text-align:left}.quick-action-grid button:hover{border-color:#7441d9;background:#101a2a}.quick-action-grid button>span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#171e35;color:#aa7cff;font-weight:900}.quick-action-grid strong,.quick-action-grid small{grid-column:2}.quick-action-grid strong{font-size:11px}.quick-action-grid small{margin-top:3px;color:#718198;font-size:9px}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px}.dashboard-lower-grid>.panel{min-width:0}.text-button{padding:0;border:0;background:transparent;color:#8e61e9;font-size:10px;font-weight:800}.health-bars{display:grid;gap:12px;margin:16px 0}.health-row{display:grid;grid-template-columns:70px 1fr 25px;gap:9px;align-items:center;color:#8798ad;font-size:10px}.health-track{height:7px;overflow:hidden;border-radius:999px;background:#172235}.health-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d28d9,#3b82f6)}.status-pill.good{border-color:#1d684e;color:#65d9a5}
.mobile-dock{display:none}
@media(max-width:1180px){.system-health span{display:none}.profile-chip>span:last-child{display:none}.profile-chip{padding:5px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr)}.dashboard-lower-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-shell{display:block}.workspace-main{padding:0 18px 28px}.sidebar{position:fixed;width:min(310px,86vw);height:100dvh;left:0;top:0;transform:translateX(-105%);transition:transform .2s ease;z-index:110;padding-bottom:calc(18px + env(safe-area-inset-bottom))}.sidebar.mobile-open{transform:translateX(0)}
  .topbar{margin:0 -18px 22px;padding:13px 18px;min-height:68px}.topbar-title-row{min-width:0}.topbar h1{font-size:19px}.topbar p{display:none}.top-actions{margin-left:auto}.top-actions #createServiceBtn,.top-actions #devUser,.system-health,.profile-chip{display:none!important}.mobile-nav-open{display:grid!important}
  .dashboard-welcome{align-items:flex-start}.dashboard-welcome h2{font-size:25px}.dashboard-date{display:none}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats .stat{min-height:116px}.dashboard-grid{grid-template-columns:1fr}.broadcast-preview{min-height:240px}.quick-action-grid{grid-template-columns:1fr 1fr}
  .mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #1d2b40;background:rgba(8,13,22,.96);backdrop-filter:blur(18px);box-shadow:0 -12px 30px rgba(0,0,0,.25)}.mobile-dock-item{display:grid;place-items:center;gap:3px;min-height:50px;border:0;border-radius:11px;background:transparent;color:#73849b}.mobile-dock-item span{font-size:17px;font-weight:900}.mobile-dock-item small{font-size:9px;font-weight:750}.mobile-dock-item.active{color:#b98cff;background:#161b31}.mobile-dock-live{transform:translateY(-12px);width:58px;justify-self:center;border-radius:17px;background:linear-gradient(145deg,#6928d0,#8c3dff);color:#fff;box-shadow:0 10px 26px rgba(124,58,237,.42)}.mobile-dock-live.active{background:linear-gradient(145deg,#7c3aed,#a44cff);color:#fff}
  .toast-stack{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media(max-width:620px){.dashboard-welcome p{font-size:11px}.dashboard-stats{gap:9px}.dashboard-stats .stat{min-height:108px;padding:14px}.dashboard-stats .stat strong{font-size:26px}.stat-icon{width:30px;height:30px}.broadcast-preview{min-height:200px}.broadcast-actions{display:grid;grid-template-columns:1fr 1fr}.broadcast-actions button:last-child{grid-column:1/-1}.quick-action-grid{grid-template-columns:1fr}.dashboard-lower-grid{grid-template-columns:1fr}.on-air-card,.quick-actions-card{padding:15px}.dashboard-lower-grid .service-row{padding:11px}.sidebar-footer{padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.dashboard-stats .stat,.sidebar{transition:none}}

/* v2.11.39 — complete panel page system */
:root{
  --page-max:1680px;
  --page-surface:#0c1420;
  --page-surface-2:#101a29;
  --page-surface-3:#131f31;
  --page-line:#203049;
  --page-line-soft:#17253a;
  --page-copy:#eef3fa;
  --page-muted:#8c9db4;
  --page-purple:#8b4dff;
  --page-blue:#328dff;
  --page-radius:16px;
}
html{scroll-padding-top:112px}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid #8f5cff;outline-offset:2px}
input,select,textarea{max-width:100%;min-height:43px;border-color:#263750;background:#09111d;color:#f4f7fb}
input::placeholder,textarea::placeholder{color:#687b94}
textarea{line-height:1.45;resize:vertical}
.primary,.secondary,.danger,.go-live,.tiny{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font-weight:760}
.primary{background:linear-gradient(135deg,#6d28d9,#3a83f6);border-color:#7045e8;box-shadow:0 8px 20px rgba(89,47,211,.18)}
.primary:hover{filter:brightness(1.08)}
.secondary{background:#142033;border-color:#2b3d58}
.danger{background:#3f1721!important;border-color:#7b2d3d!important;color:#ffbdc6!important}
.tiny{min-height:34px}
.muted,.panel p,.card p{color:var(--page-muted);line-height:1.5}
.workspace-main{min-width:0}
.section{width:100%;max-width:var(--page-max);margin-inline:auto!important}
.managed-page{padding-bottom:32px!important}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:2px 0 16px;padding:21px 22px;border:1px solid #20314a;border-radius:18px;background:linear-gradient(135deg,rgba(20,31,48,.94),rgba(10,18,30,.96));box-shadow:0 16px 42px rgba(0,0,0,.15);overflow:hidden;position:relative}
.page-intro:after{content:"";position:absolute;right:-80px;top:-120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.17),transparent 68%);pointer-events:none}
.page-intro-copy{min-width:0;position:relative;z-index:1}
.page-title-lockup{display:flex;align-items:center;gap:14px;margin-top:6px}
.page-title-lockup>div{min-width:0}
.page-title-lockup h2{margin:0 0 4px;font-size:25px;letter-spacing:-.035em}
.page-title-lockup p{max-width:820px;margin:0;color:#8fa0b6;font-size:12px;line-height:1.45}
.page-icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid rgba(150,112,255,.35);border-radius:14px;background:linear-gradient(145deg,rgba(124,58,237,.34),rgba(45,140,255,.18));color:#fff;font-size:15px;font-weight:900;box-shadow:inset 0 0 20px rgba(124,58,237,.12)}
.page-scope{position:relative;z-index:1;display:grid;gap:3px;min-width:180px;padding:11px 13px;border:1px solid #263a56;border-radius:12px;background:#09121f;text-align:right}
.page-scope span{color:#6f8199;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.page-scope strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c6d2e2;font-size:11px;text-transform:capitalize}
.page-jumps{display:flex!important;gap:7px;width:100%;margin:0 0 17px;padding:2px 0 7px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity}
.page-jumps button{min-height:35px;flex:0 0 auto;padding:7px 11px;border:1px solid #22334c;border-radius:999px;background:#0c1522;color:#8497af;font-size:10px;font-weight:780;white-space:nowrap;scroll-snap-align:start}
.page-jumps button:hover,.page-jumps button.active{border-color:#6742bd;background:#171b35;color:#c7aaff}
.managed-page>.panel:first-of-type,.managed-page>.radio-layout:first-of-type,.managed-page>.studio-shell:first-of-type,.managed-page>.stats-grid:first-of-type{margin-top:0}
.managed-page .panel,.managed-page .card{border-color:var(--page-line);border-radius:var(--page-radius);background:linear-gradient(155deg,var(--page-surface-2),var(--page-surface));box-shadow:0 12px 34px rgba(0,0,0,.12)}
.managed-page .panel{padding:20px}
.managed-page .panel-sub{border-color:#22344e;border-radius:14px;background:#0b1420}
.managed-page .panel-head{align-items:flex-start;margin-bottom:14px}
.managed-page .panel-head h2,.managed-page .panel-head h3,.managed-page .panel-head h4{margin:0 0 4px;letter-spacing:-.018em}
.managed-page .panel-head p{margin:0;font-size:11px}
.managed-page .stack{gap:10px}
.managed-page .inline-form{padding:13px;border:1px solid #203149;border-radius:13px;background:#09121e}
.managed-page .radio-grid{gap:14px}
.managed-page .mini-list,.managed-page .service-list,.managed-page .station-list{gap:9px}
.managed-page .mini-item,.managed-page .service-row,.managed-page .station-btn{border-color:#21334c;background:#0a1320}
.managed-page .mini-item:hover,.managed-page .service-row:hover,.managed-page .station-btn:hover{border-color:#3b5272;background:#0e1a2a}
.managed-page .service-row{min-width:0;padding:14px}
.managed-page .service-row>*{min-width:0}
.managed-page .service-actions{justify-content:flex-end}
.managed-page .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.managed-page .cards>.card{min-height:140px}
.managed-page .empty,.managed-page .empty-state{border:1px dashed #29405e;border-radius:13px;background:rgba(8,15,25,.58)}
.managed-page .empty-state{min-height:220px;display:grid;place-items:center;align-content:center}
.managed-page .credentials{min-width:0;overflow:hidden}
.managed-page .credential-row{grid-template-columns:minmax(90px,120px) minmax(0,1fr) auto;align-items:center}
.managed-page .credential-row code{min-width:0;overflow-wrap:anywhere}
.managed-page .badge,.managed-page .status-pill{border:1px solid #2a4160;background:#14243a}
.managed-page .worker-controls{justify-content:flex-end}
.managed-page .now-playing-card{border-color:#2e315d;background:linear-gradient(135deg,#17132d,#0d1827)}
.managed-page .tv-main-player,.managed-page .video-stage,.managed-page .editor-preview{border-color:#293c58;background:#020509}
.managed-page iframe{display:block;border:1px solid #22334c!important;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.managed-page .analytics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.managed-page .metric-card{border-color:#21344d;background:#0a1421}
.managed-page .market-card,.managed-page .roku-state-group,.managed-page .state-programming-state{border-color:#243a58;background:#091522}
.managed-page .network-guide,.managed-page .editor-timeline-wrap{overscroll-behavior-x:contain}
.managed-page .editor-v2-shell{padding:16px}
.managed-page .editor-v2-bin,.managed-page .editor-v2-inspector,.managed-page .editor-toolbar,.managed-page .editor-timeline-wrap,.managed-page .editor-v2-bottom>.card{background:#0a1320}
.managed-page .app-builder-controls details{border-color:#243953;background:#091521}
.managed-page .app-preview-stage{top:94px}
#interactive.managed-page iframe,#monetization.managed-page iframe{height:calc(100dvh - 230px)!important;min-height:620px}
#video .radio-stations-panel,#radio .radio-stations-panel,#vod .radio-stations-panel,#stationmgr .radio-stations-panel{position:sticky;top:96px;max-height:calc(100dvh - 120px);overflow:auto}
#video .radio-workspace>.panel:first-child,#radio .radio-workspace>.panel:first-child,#vod .radio-workspace>.panel:first-child{margin-top:0}
.topbar{box-shadow:0 12px 26px rgba(0,0,0,.13)}
.topbar h1{letter-spacing:-.025em}
.nav-item{display:flex!important;align-items:center!important}
.nav-item .nav-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-nav{scrollbar-color:#263750 transparent}
.mobile-nav-close{display:none!important}

@media(min-width:1101px){
  .app-shell{display:grid!important;grid-template-columns:264px minmax(0,1fr)!important;align-items:start}
  .sidebar{display:flex!important;position:sticky!important;z-index:100!important;left:auto!important;top:0!important;bottom:auto!important;width:264px!important;max-width:none!important;height:100vh!important;transform:none!important;padding:20px 15px 16px!important;box-shadow:12px 0 34px rgba(0,0,0,.17)!important}
  .sidebar-head{align-items:flex-start}
  .sidebar-nav{display:flex!important;flex:1 1 auto!important;overflow-y:auto!important;padding-right:3px!important}
  .sidebar-footer{margin-top:14px!important}
  .mobile-nav-open,.mobile-nav-close,.mobile-nav-backdrop,.mobile-dock{display:none!important}
  .workspace-main{width:auto!important;padding:0 32px 48px!important}
  .topbar{margin:0 -32px 25px!important;padding:15px 32px!important}
  body{padding-bottom:0!important}
}

@media(max-width:1100px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .app-shell{display:block!important}
  .workspace-main{padding:0 18px 30px!important}
  .sidebar{display:flex!important;position:fixed!important;width:min(330px,88vw)!important;height:100dvh!important;transform:translateX(-105%)!important;z-index:1200!important}
  .sidebar.mobile-open{transform:translateX(0)!important}
  .mobile-nav-close{display:grid!important}
  .topbar{margin:0 -18px 20px!important;padding:calc(12px + env(safe-area-inset-top)) 18px 12px!important}
  .topbar p{display:none}
  .top-actions #devUser,.top-actions #createServiceBtn,.system-health,.profile-chip{display:none!important}
  .mobile-dock{position:fixed;left:0;right:0;bottom:0;z-index:100;display:grid!important;grid-template-columns:repeat(5,1fr);padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #1d2b40;background:rgba(8,13,22,.96);backdrop-filter:blur(18px);box-shadow:0 -12px 30px rgba(0,0,0,.25)}
  .page-intro{padding:18px}
  #video .radio-stations-panel,#radio .radio-stations-panel,#vod .radio-stations-panel,#stationmgr .radio-stations-panel{position:relative;top:auto;max-height:none}
  .radio-layout,#video .radio-layout,#radio .radio-layout{grid-template-columns:1fr!important}
  .studio-grid{grid-template-columns:1fr 1fr!important}
  .editor-v2-top{grid-template-columns:1fr!important}
  .editor-v2-bottom{grid-template-columns:1fr 1fr!important}
  .app-builder-workbench,.app-builder-layout,.app-builder-v2{grid-template-columns:1fr!important}
}

@media(max-width:720px){
  html{scroll-padding-top:82px}
  .workspace-main{padding:0 12px 22px!important}
  .topbar{margin:0 -12px 14px!important;padding-left:12px!important;padding-right:12px!important}
  .topbar h1{font-size:18px}
  .page-intro{align-items:flex-start;margin-bottom:11px;padding:15px;border-radius:15px}
  .page-title-lockup{align-items:flex-start;gap:11px}
  .page-title-lockup h2{font-size:21px}
  .page-title-lockup p{font-size:11px}
  .page-icon{width:40px;height:40px;flex-basis:40px;border-radius:12px}
  .page-scope{display:none}
  .page-jumps{margin-bottom:12px}
  .managed-page .panel{padding:15px;border-radius:14px}
  .managed-page .panel-head{flex-direction:column;align-items:stretch}
  .managed-page .panel-head>button,.managed-page .panel-head>.secondary,.managed-page .panel-head>.primary{width:100%}
  .managed-page .form-row,.managed-page .radio-grid,.managed-page .studio-monitors,.managed-page .studio-grid,.managed-page .editor-v2-bottom,.managed-page .account-layout,.managed-page .ai-desk-grid,.managed-page .ai-desk-results,.managed-page .game-admin-grid,.managed-page .studio-meter-row{grid-template-columns:1fr!important}
  .managed-page .inline-form,.managed-page .media-cloud-form{grid-template-columns:1fr!important;padding:11px}
  .managed-page .inline-form button{width:100%}
  .managed-page .service-row{grid-template-columns:1fr!important;gap:8px}
  .managed-page .service-actions{justify-content:flex-start}
  .managed-page .service-actions button{flex:1 1 auto}
  .managed-page .credential-row{grid-template-columns:1fr;gap:4px}
  .managed-page .credential-row button{width:100%}
  .managed-page .worker-controls{justify-content:flex-start;width:100%}
  .managed-page .worker-controls button{flex:1 1 44%}
  .managed-page .now-playing-card{align-items:flex-start;flex-wrap:wrap}
  .managed-page .now-playing-card .badge{margin-left:86px}
  .managed-page .button-row,.managed-page .watch-actions,.managed-page .broadcast-action-row{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .managed-page .button-row button,.managed-page .watch-actions button,.managed-page .broadcast-action-row button{width:100%}
  .managed-page .cards,.managed-page .stats-grid,.managed-page .market-grid,.managed-page .roku-state-markets{grid-template-columns:1fr!important}
  .managed-page .guide-row{grid-template-columns:1fr!important}
  .managed-page .editor-v2-preview{min-height:240px}
  .managed-page .editor-toolbar{align-items:stretch}
  .managed-page .editor-toolbar>input{min-width:0;width:100%}
  .managed-page .app-device-frame.device-tablet,.managed-page .app-device-frame.device-phone{max-width:100%}
  #interactive.managed-page iframe,#monetization.managed-page iframe{height:calc(100dvh - 182px)!important;min-height:560px}
}

@media(max-width:420px){
  .page-title-lockup p{display:none}
  .managed-page .button-row,.managed-page .watch-actions,.managed-page .broadcast-action-row{grid-template-columns:1fr}
  .managed-page .worker-controls button{flex-basis:100%}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-intro:after{display:none}}

/* v2.11.40 — compact mockup-approved page system */
:root{--page-max:1520px;--page-radius:14px}
.managed-page{padding-bottom:22px!important}
.page-intro{min-height:58px;margin:0 0 10px;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#101a29,#0a121f)}
.page-intro:after{width:170px;height:170px;right:-48px;top:-86px}
.page-title-lockup{gap:10px;margin-top:2px}
.page-title-lockup h2{font-size:21px;margin-bottom:2px}
.page-title-lockup p{max-width:760px;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:12px}
.page-intro .eyebrow{font-size:8px}
.page-scope{min-width:150px;padding:7px 10px;border-radius:10px}
.compact-page-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 0 10px}
.compact-page-metric{min-width:0;min-height:72px;padding:11px 13px;border:1px solid #1e2e46;border-radius:12px;background:linear-gradient(145deg,#101a29,#0b1420)}
.compact-page-metric span,.compact-page-metric strong,.compact-page-metric small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-page-metric span{color:#8798af;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.compact-page-metric strong{margin:5px 0 2px;font-size:18px;line-height:1.05;letter-spacing:-.025em}
.compact-page-metric small{color:#61738a;font-size:8px}
.page-jumps{gap:5px;margin:0 0 10px;padding:0 0 5px}
.page-jumps button{min-height:31px;padding:5px 10px;border-radius:9px;font-size:9px;background:#0b1421}
.page-jumps button.active{background:#6d28d9;color:#fff;border-color:#8750ed}
.managed-page .panel{padding:14px;margin-bottom:10px;border-radius:14px}
.managed-page .panel-head{min-height:32px;margin-bottom:10px;gap:10px}
.managed-page .panel-head h2{font-size:16px}
.managed-page .panel-head h3{font-size:14px}
.managed-page .panel-head h4{font-size:12px}
.managed-page .panel-head p{font-size:9.5px;line-height:1.35}
.panel-collapse-toggle{flex:0 0 auto;min-width:58px;min-height:30px;margin-left:auto;padding:5px 9px;border:1px solid #334863;border-radius:8px;background:#111c2c;color:#aebdd0;font-size:9px;font-weight:850}
.panel-collapse-toggle:hover{border-color:#7447d8;color:#fff;background:#181b36}
.compact-collapsed{min-height:50px!important;padding:8px 13px!important;background:#0b1420!important;box-shadow:none!important}
.compact-collapsed>.panel-head{min-height:32px;margin:0!important;align-items:center!important}
.compact-collapsed>.panel-head p{display:none}
.compact-collapsed>:not(.panel-head){display:none!important}
.compact-generated-head{align-items:center}
.managed-page .inline-form{gap:8px;padding:10px}
.managed-page .stack{gap:8px}
.managed-page input,.managed-page select,.managed-page textarea{min-height:38px;padding:8px 10px}
.managed-page textarea{min-height:72px}
.managed-page .primary,.managed-page .secondary,.managed-page .danger,.managed-page .go-live{min-height:36px;padding-top:7px;padding-bottom:7px}
.managed-page .service-list,.managed-page .mini-list{max-height:300px;overflow:auto;overscroll-behavior:contain}
.managed-page .station-list{max-height:calc(100dvh - 260px);overflow:auto}
.managed-page .service-row,.managed-page .mini-item{padding:10px 11px}
.managed-page .cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}
.managed-page .cards>.card{min-height:112px;padding:13px}
.managed-page .radio-grid{gap:10px}
.managed-page .radio-layout{gap:12px}
.managed-page .radio-stations-panel{padding:12px}
.managed-page .tv-main-player{min-height:250px;max-height:360px}
.managed-page .tv-main-player video{max-height:360px}
.managed-page .network-guide{max-height:300px;overflow:auto}
.managed-page .tv-guide{max-height:310px;overflow:auto}
.managed-page .studio-monitors{gap:9px}
.managed-page .studio-monitor{min-height:190px}
.managed-page .studio-source-grid{gap:8px}
.managed-page .editor-v2-shell{padding:12px}
.managed-page .editor-v2-preview{min-height:280px}
.managed-page .app-builder-controls details{padding:9px 11px}
.managed-page .app-builder-controls details:not([open]){min-height:40px}
.managed-page .panel-sub{margin-top:9px;padding:11px}
#services .service-list{max-height:calc(100dvh - 300px)}
#markets .market-grid{max-height:330px;overflow:auto}
#ailocaldesk .ai-desk-results{grid-template-columns:1.15fr .85fr}
#interactive.managed-page iframe,#monetization.managed-page iframe{height:calc(100dvh - 250px)!important;min-height:540px}

@media(min-width:821px){
  .app-shell{display:grid!important;grid-template-columns:224px minmax(0,1fr)!important;align-items:start}
  .sidebar{display:flex!important;position:sticky!important;z-index:100!important;left:auto!important;top:0!important;width:224px!important;height:100vh!important;transform:none!important;padding:17px 12px!important}
  .sidebar-nav{display:flex!important;flex:1 1 auto!important;overflow-y:auto!important}
  .workspace-main{width:auto!important;padding:0 24px 30px!important}
  .topbar{margin:0 -24px 16px!important;padding:12px 24px!important;min-height:64px}
  .mobile-nav-open,.mobile-nav-close,.mobile-nav-backdrop,.mobile-dock{display:none!important}
  body{padding-bottom:0!important}
  .nav-item{min-height:35px;padding:6px 9px;font-size:11px}
  .nav-glyph{width:22px;height:22px;flex-basis:22px}
  .brand{padding-bottom:12px}
}

@media(max-width:820px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .app-shell{display:block!important}
  .workspace-main{padding:0 13px 24px!important}
  .sidebar{display:flex!important;position:fixed!important;width:min(320px,88vw)!important;height:100dvh!important;transform:translateX(-105%)!important;z-index:1200!important}
  .sidebar.mobile-open{transform:translateX(0)!important}
  .mobile-nav-close{display:grid!important}
  .topbar{margin:0 -13px 12px!important;padding:calc(10px + env(safe-area-inset-top)) 13px 10px!important;min-height:60px}
  .mobile-dock{display:grid!important}
  .page-scope{display:none}
  .compact-page-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .compact-page-metric{min-height:62px;padding:9px 10px}
  .compact-page-metric strong{font-size:16px}
  .page-intro{padding:9px 11px}
  .page-title-lockup h2{font-size:19px}
  .page-title-lockup p{max-width:62vw}
  .managed-page .radio-layout,#video .radio-layout,#radio .radio-layout{grid-template-columns:1fr!important}
  .managed-page .station-list{max-height:190px}
}

@media(max-width:520px){
  .page-title-lockup p{display:none}
  .compact-page-metric small{display:none}
  .compact-page-metric{min-height:54px}
  .page-jumps{margin-bottom:7px}
  .managed-page .panel{padding:11px}
  .managed-page .tv-main-player{min-height:190px}
}

/* v2.11.45 — broadcast pages use the same compact workspace system. The
   active on-air/player panel starts open; secondary tools remain mounted but
   collapse into consistent rows until an operator opens them. */
.broadcast-critical-page .panel-collapse-toggle{display:inline-flex!important;align-items:center;justify-content:center}
.broadcast-critical-page .compact-collapsed{min-height:50px!important;padding:8px 13px!important;background:#0b1420!important;box-shadow:none!important}
.broadcast-critical-page .compact-collapsed>.panel-head{min-height:32px;margin:0!important;align-items:center!important}
.broadcast-critical-page .compact-collapsed>.panel-head p{display:none!important}
.broadcast-critical-page .compact-collapsed>:not(.panel-head){display:none!important}

/* v2.11.45 — Broadcast Command UI
   Four purpose-built operator workspaces with one shared visual language. */
.broadcast-console{
  --console-accent:#7c5cff;
  --console-accent-2:#20a4ff;
  --console-glow:rgba(124,92,255,.18);
  --console-surface:#0a1421;
  --console-surface-2:#0d1a2a;
  --console-border:#20334b;
  color:#eef5ff;
  position:relative;
  isolation:isolate
}
.tv-console{--console-accent:#7b61ff;--console-accent-2:#25a7ff;--console-glow:rgba(73,116,255,.2)}
.studio-console{--console-accent:#ff385c;--console-accent-2:#a855f7;--console-glow:rgba(255,56,92,.17)}
.radio-console{--console-accent:#19d3ae;--console-accent-2:#20a4ff;--console-glow:rgba(25,211,174,.16)}
.station-command-center{--console-accent:#ffb648;--console-accent-2:#8b5cf6;--console-glow:rgba(255,182,72,.14)}
.broadcast-console:before{
  content:"";position:absolute;z-index:-1;inset:-26px -18px auto;height:260px;pointer-events:none;
  background:radial-gradient(ellipse at 18% 0,var(--console-glow),transparent 62%)
}
.broadcast-console>.page-intro{
  border:1px solid color-mix(in srgb,var(--console-accent) 35%,#20334b);border-radius:18px;
  background:linear-gradient(135deg,rgba(14,28,45,.98),rgba(7,15,26,.98));
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 4px 0 var(--console-accent);padding:17px 19px
}
.broadcast-console .page-title-lockup .page-icon{
  background:linear-gradient(145deg,var(--console-accent),var(--console-accent-2));
  color:#fff;box-shadow:0 9px 28px var(--console-glow);border-color:transparent
}
.broadcast-console .compact-page-metric{
  background:linear-gradient(180deg,rgba(16,31,49,.96),rgba(8,18,30,.96));
  border-color:var(--console-border);position:relative;overflow:hidden
}
.broadcast-console .compact-page-metric:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--console-accent),transparent)
}
.broadcast-console .page-jumps{
  padding:6px;border:1px solid #1e3047;border-radius:14px;background:#07111d;
  display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;position:sticky;top:76px;z-index:20
}
.broadcast-console .page-jumps button{
  flex:0 0 auto;min-height:36px;border-radius:9px;border:1px solid transparent;background:transparent;
  color:#9fb0c6;font-weight:750;padding:7px 12px
}
.broadcast-console .page-jumps button:hover,.broadcast-console .page-jumps button:focus-visible{
  color:#fff;border-color:color-mix(in srgb,var(--console-accent) 50%,#233751);
  background:color-mix(in srgb,var(--console-accent) 13%,#0c1928)
}
.broadcast-console .radio-layout,.broadcast-console .studio-shell{align-items:start}
.broadcast-console .radio-stations-panel,.broadcast-console .studio-sidebar{
  background:linear-gradient(180deg,#0c1928,#08121e)!important;border:1px solid var(--console-border)!important;
  border-radius:16px!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;padding:12px!important
}
.broadcast-console .radio-stations-panel>.panel-head,.broadcast-console .studio-sidebar>.panel-head{
  padding:3px 4px 10px;margin-bottom:8px;border-bottom:1px solid #1b2b3f
}
.broadcast-console .station-list{display:grid;gap:7px}
.broadcast-console .station-list>*{border-radius:11px!important;border-color:#1f334b!important;background:#0a1725!important}
.broadcast-console .station-list>*.active,.broadcast-console .station-list>*[aria-current="true"]{
  border-color:var(--console-accent)!important;background:color-mix(in srgb,var(--console-accent) 13%,#0a1725)!important;
  box-shadow:inset 3px 0 var(--console-accent),0 8px 24px var(--console-glow)
}
.broadcast-console .radio-workspace,.broadcast-console .studio-main{min-width:0}
.broadcast-console .radio-workspace>div:not(.hidden),.broadcast-console .studio-main>div:not(.hidden){display:grid;gap:10px}
.broadcast-console .panel{
  border:1px solid var(--console-border);background:linear-gradient(180deg,rgba(13,27,43,.98),rgba(8,18,30,.98));
  box-shadow:0 12px 34px rgba(0,0,0,.16)
}
.broadcast-console .compact-panel:not(.compact-collapsed){border-color:color-mix(in srgb,var(--console-accent) 25%,var(--console-border))}
.broadcast-console .compact-collapsed{
  border-color:#1c2c40!important;background:linear-gradient(90deg,#0b1725,#09131f)!important;
  transition:border-color .16s ease,transform .16s ease
}
.broadcast-console .compact-collapsed:hover{border-color:color-mix(in srgb,var(--console-accent) 45%,#24364c)!important;transform:translateY(-1px)}
.broadcast-console .panel-collapse-toggle{
  min-width:62px!important;border-color:color-mix(in srgb,var(--console-accent) 35%,#273b54)!important;
  background:color-mix(in srgb,var(--console-accent) 10%,#0b1725)!important;color:#dce9fa!important
}
.broadcast-console .compact-panel:not(.compact-collapsed)>.panel-head .panel-collapse-toggle{
  color:#fff!important;background:color-mix(in srgb,var(--console-accent) 18%,#0b1725)!important
}
.broadcast-console input,.broadcast-console select,.broadcast-console textarea{
  background:#07111c;border-color:#253b55;color:#eef5ff
}
.broadcast-console input:focus,.broadcast-console select:focus,.broadcast-console textarea:focus{
  border-color:var(--console-accent);box-shadow:0 0 0 3px var(--console-glow)
}
.broadcast-console button.primary,.broadcast-console .go-live{
  border-color:transparent;background:linear-gradient(135deg,var(--console-accent),var(--console-accent-2));
  box-shadow:0 9px 22px var(--console-glow);color:#fff
}
.broadcast-console .badge{border-color:#29435f;background:#091827;color:#cfe0f4}

/* Live TV — monitor first, operations on demand. */
.tv-console .radio-layout{grid-template-columns:minmax(190px,230px) minmax(0,1fr)!important}
.tv-onair-console{padding:14px!important;background:linear-gradient(160deg,#0d1d31,#07111d)!important}
.tv-onair-console>.panel-head{padding:2px 2px 10px;margin-bottom:10px;border-bottom:1px solid #20344b}
.tv-onair-console .tv-main-player{
  aspect-ratio:16/9;min-height:0!important;max-height:clamp(270px,54vh,560px);margin-inline:auto;
  overflow:hidden;border:2px solid #2d4160;border-radius:14px;background:#010307;
  box-shadow:0 0 0 5px #08111c,0 20px 50px rgba(0,0,0,.42),0 0 34px var(--console-glow)
}
.tv-onair-console .tv-main-player:before{content:"PROGRAM MONITOR";position:absolute;z-index:3;top:10px;left:11px;padding:5px 8px;border-radius:7px;background:rgba(2,7,13,.75);color:#d6e8ff;font-size:10px;font-weight:900;letter-spacing:.13em;pointer-events:none}
.tv-onair-console .watch-actions{justify-content:center;padding:7px 0 2px}
.tv-onair-console>.radio-grid{margin-top:10px;padding-top:11px;border-top:1px solid #1d3046;grid-template-columns:1fr 1fr}
.tv-onair-console>.radio-grid>div{padding:11px;border:1px solid #1c3047;border-radius:12px;background:#081522}
.tv-console #videoManager>.compact-panel:not(.tv-onair-console){margin:0!important}

/* Live Studio — two-up preview/program wall and a persistent take bar. */
.studio-console .studio-shell{grid-template-columns:minmax(190px,225px) minmax(0,1fr)!important}
.studio-console .studio-quickbar{
  border-color:#263a53!important;background:linear-gradient(90deg,#0c1929,#111426)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.22)!important
}
.studio-console .studio-add-source-prominent{background:linear-gradient(135deg,#6b5cff,#2c9fff)!important}
.studio-console .studio-quickbar .go-live,.studio-console #studioTakeScene{background:linear-gradient(135deg,#ff3158,#d80d3a)!important}
.studio-monitor-wall{gap:10px!important;padding:3px}
.studio-monitor-wall .monitor-panel{padding:9px!important;border-radius:14px!important;background:#050b12!important}
.studio-monitor-wall .monitor-panel:first-child{border-color:#23b6ff!important;box-shadow:0 0 0 1px rgba(35,182,255,.2),0 14px 35px rgba(0,0,0,.3)}
.studio-monitor-wall .program-monitor{border-color:#ff3158!important;box-shadow:0 0 0 1px rgba(255,49,88,.22),0 14px 35px rgba(0,0,0,.3)}
.studio-monitor-wall .monitor-title{font-size:11px;font-weight:950;letter-spacing:.17em;padding:1px 1px 8px}
.studio-monitor-wall .monitor-panel:first-child .monitor-title{color:#4dc7ff}
.studio-monitor-wall .program-monitor .monitor-title{color:#ff5f7d}
.studio-monitor-wall .video-stage{border-radius:9px;overflow:hidden;background:#010306;aspect-ratio:16/9}
.studio-console .studio-source-wall{grid-template-columns:repeat(7,minmax(80px,1fr));gap:7px;margin:3px 0 1px}
.studio-console .studio-source-tile{border-width:1px;border-radius:10px;background:#07111c}
.studio-console .studio-source-tile.active{border-color:#ff3158;box-shadow:0 0 0 2px rgba(255,49,88,.16)}
.studio-console .studio-source-tile .thumb{font-size:11px;min-height:52px;background:linear-gradient(145deg,#0d1e30,#07101b)}
.studio-console .studio-source-tile small{padding:6px 7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-console .studio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px}
.broadcast-control-dock{
  position:sticky!important;z-index:25;bottom:calc(8px + env(safe-area-inset-bottom));
  border-color:#40506a!important;background:rgba(6,13,23,.94)!important;backdrop-filter:blur(18px);
  box-shadow:0 -10px 40px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.03)!important
}
.broadcast-control-dock #studioGoLive{background:linear-gradient(135deg,#ff3158,#cb0731)!important;min-width:190px}
.broadcast-control-dock #studioStatus{display:block;color:#90a6bf;margin-top:3px}

/* Radio — now-playing-led automation console. */
.radio-console .radio-layout{grid-template-columns:minmax(190px,230px) minmax(0,1fr)!important}
.radio-onair-console{padding:14px!important;overflow:hidden;position:relative}
.radio-onair-console:before{content:"ON AIR";position:absolute;right:16px;top:67px;color:#33e6c1;font-size:10px;font-weight:950;letter-spacing:.16em}
.radio-onair-console .now-playing-card{
  display:grid;min-height:120px;grid-template-columns:96px minmax(0,1fr) auto!important;padding:12px!important;
  border:1px solid #1f4d4d;border-radius:16px;background:radial-gradient(circle at 8% 20%,rgba(25,211,174,.17),transparent 34%),linear-gradient(135deg,#0b1c27,#07131f)
}
.radio-onair-console .np-artwork{width:96px!important;height:96px!important;border-radius:13px!important;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.radio-onair-console .now-playing-card strong{font-size:clamp(20px,2.2vw,31px);line-height:1.08}
.radio-onair-console .broadcast-action-row{padding-top:11px;margin-top:10px;border-top:1px solid #1b3042}
.radio-console .radio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.radio-console .radio-studio-panel{background:linear-gradient(160deg,#0b1c26,#07111b)!important;border-color:#1f534f!important}
.radio-console .studio-meter-row{background:#051018;padding:10px;border:1px solid #183b3b;border-radius:12px}
.radio-console .radio-console-grid{gap:7px}
.radio-console .radio-console-grid>*{background:linear-gradient(180deg,#102232,#08131f);border:1px solid #244057;border-radius:11px;padding:10px}
.radio-console meter{accent-color:#19d3ae}

/* Station Manager — a schedule-first command center. */
.station-command-center .radio-layout{grid-template-columns:minmax(190px,230px) minmax(0,1fr)!important}
.station-command-header{
  min-height:82px;padding:16px!important;background:linear-gradient(125deg,rgba(255,182,72,.12),rgba(139,92,246,.08) 52%,#091522)!important;
  border-color:#57452e!important
}
.station-command-header h2{font-size:clamp(22px,3vw,34px)!important}
.station-command-header .badge{background:rgba(25,211,174,.12);border-color:#24705f;color:#64f2d4}
.station-command-center #stationMgrPanel>div:not(.station-command-header){display:grid;gap:9px}
.station-command-center .radio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.station-command-center .clock-editor,.station-command-center .tv-guide{border-radius:12px;background:#07121e;border-color:#243950}

@media(max-width:1100px){
  .tv-console .radio-layout,.radio-console .radio-layout,.station-command-center .radio-layout,.studio-console .studio-shell{grid-template-columns:1fr!important}
  .broadcast-console .radio-stations-panel,.broadcast-console .studio-sidebar{position:relative!important;top:auto!important;max-height:none!important}
  .broadcast-console .station-list{display:flex;overflow-x:auto;padding-bottom:4px}
  .broadcast-console .station-list>*{min-width:185px;flex:0 0 auto}
  .studio-console .studio-source-wall{grid-template-columns:repeat(4,minmax(90px,1fr))}
  .radio-console .radio-grid,.studio-console .studio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .broadcast-console>.page-intro{padding:13px;border-radius:14px}
  .broadcast-console .page-jumps{top:64px;margin-inline:-2px}
  .broadcast-console .compact-page-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .broadcast-console .radio-stations-panel,.broadcast-console .studio-sidebar{padding:9px!important}
  .broadcast-console .station-list>*{min-width:150px}
  .tv-onair-console{padding:10px!important}
  .tv-onair-console .tv-main-player{max-height:none;width:100%}
  .tv-onair-console>.radio-grid,.radio-console .radio-grid,.station-command-center .radio-grid,.studio-console .studio-grid{grid-template-columns:1fr!important}
  .tv-onair-console>.radio-grid>div{padding:9px}
  .studio-monitor-wall{grid-template-columns:1fr!important}
  .studio-console .studio-source-wall{grid-template-columns:repeat(3,minmax(78px,1fr))}
  .broadcast-control-dock{bottom:calc(5px + env(safe-area-inset-bottom));padding:10px!important}
  .broadcast-control-dock .studio-control-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .broadcast-control-dock #studioGoLive{min-width:0;grid-column:1/-1;grid-row:1}
  .radio-onair-console .now-playing-card{grid-template-columns:72px minmax(0,1fr)!important;min-height:94px}
  .radio-onair-console .np-artwork{width:72px!important;height:72px!important}
  .radio-onair-console .now-playing-card>.badge{grid-column:1/-1;justify-self:start}
  .radio-onair-console:before{display:none}
}
@media(max-width:480px){
  .broadcast-console .compact-page-metrics{grid-template-columns:1fr 1fr!important}
  .studio-console .studio-source-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .broadcast-control-dock .studio-control-actions{grid-template-columns:1fr}
  .broadcast-control-dock #studioGoLive{grid-column:auto}
}

/* v2.11.46 — focused navigation + full-width channel switchers */
.sidebar-nav{overflow:hidden!important}
.nav-primary{display:grid;gap:3px;flex:0 0 auto}
.nav-more-toggle{
  display:flex!important;align-items:center!important;gap:11px!important;flex:0 0 auto!important;
  width:100%;margin-top:10px!important;border:1px solid #263850!important;background:#0d1827!important;color:#b9c8da!important
}
.nav-more-toggle:hover,.nav-more-toggle.open{border-color:#6841bf!important;background:#17182e!important;color:#fff!important;transform:none!important}
.nav-more-toggle .nav-more-chevron{margin-left:auto;color:#7f91a8;font-size:15px;transition:transform .18s ease}
.nav-more-toggle.open .nav-more-chevron{transform:rotate(180deg);color:#c4a8ff}
.nav-more-drawer{
  display:none;min-height:0;margin-top:7px;padding:7px 4px 12px;border:1px solid #1e2d42;border-radius:12px;
  background:#08121e;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin
}
.nav-more-drawer.open{display:block;animation:fokisenPageIn .15s ease}
.nav-more-drawer .nav-group-label{display:block;padding:11px 8px 5px}
.nav-more-drawer .nav-item{display:flex!important;width:100%;margin:2px 0;min-height:34px!important;padding:6px 8px!important}
.nav-broadcast .nav-glyph{background:linear-gradient(145deg,rgba(124,58,237,.22),rgba(45,140,255,.16));border-color:#303458}
.nav-broadcast.active .nav-glyph{box-shadow:0 0 18px rgba(153,81,255,.28)}

/* Channel selection is a top switcher, leaving the full width for production. */
#video.broadcast-console,#radio.broadcast-console,#livestudio.broadcast-console{max-width:none!important}
#video .radio-layout,#radio .radio-layout,#livestudio .studio-shell{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
#video .radio-stations-panel,#radio .radio-stations-panel,#livestudio .studio-sidebar{
  display:grid!important;grid-template-columns:minmax(145px,195px) minmax(0,1fr);align-items:center;gap:13px;
  position:relative!important;top:auto!important;max-height:none!important;overflow:hidden!important;
  padding:10px 12px!important;border-radius:14px!important
}
#video .radio-stations-panel>.panel-head,#radio .radio-stations-panel>.panel-head,#livestudio .studio-sidebar>.panel-head{
  min-width:0;margin:0!important;padding:2px 13px 2px 2px!important;border:0!important;border-right:1px solid #26384f!important
}
#video .radio-stations-panel>.panel-head h2,#radio .radio-stations-panel>.panel-head h2,#livestudio .studio-sidebar>.panel-head h2{font-size:13px!important;margin:0 0 2px}
#video .radio-stations-panel>.panel-head p,#radio .radio-stations-panel>.panel-head p,#livestudio .studio-sidebar>.panel-head p{
  margin:0!important;font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
#video .station-list,#radio .station-list,#livestudio .station-list{
  display:flex!important;gap:7px!important;max-height:none!important;margin:0!important;padding:2px 2px 5px;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity;scrollbar-width:thin
}
#video .station-list>*,#radio .station-list>*,#livestudio .station-list>*{
  flex:0 0 clamp(160px,19vw,230px);min-height:54px;scroll-snap-align:start;padding:8px 10px!important
}
#video .radio-workspace,#radio .radio-workspace,#livestudio .studio-main{width:100%;min-width:0}

/* Broadcast pages use the extra width for the content viewers actually operate. */
#video .tv-onair-console{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr);column-gap:15px;align-items:start}
#video .tv-onair-console>.panel-head,#video .tv-onair-console>.tv-main-player,#video .tv-onair-console>.watch-actions{grid-column:1}
#video .tv-onair-console>.radio-grid{grid-column:2;grid-row:1/5;margin:0!important;padding:0!important;border:0!important;grid-template-columns:1fr!important}
#video .tv-onair-console>.radio-grid>div{min-height:0}
#video .tv-onair-console .tv-main-player{width:100%;max-height:560px}
#radio .radio-onair-console{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center}
#radio .radio-onair-console>.panel-head{grid-column:1/-1}
#radio .radio-onair-console>.now-playing-card{grid-column:1}
#radio .radio-onair-console>.broadcast-action-row{grid-column:2;display:grid;grid-template-columns:1fr 1fr;min-width:260px;margin:0;padding:0;border:0}
#radio .radio-onair-console>.broadcast-action-row #radioGoLive,#radio .radio-onair-console>.broadcast-action-row #radioEndLive{grid-column:span 1}
#radio .radio-onair-console>.broadcast-action-row #radioListenLive,#radio .radio-onair-console>.broadcast-action-row .badge{grid-column:1/-1}
#livestudio .studio-monitor-wall{display:grid!important;grid-template-columns:repeat(2,minmax(340px,1fr))!important;width:100%;gap:12px!important}
#livestudio .studio-source-wall{display:grid!important;grid-template-columns:repeat(7,minmax(100px,1fr))!important;overflow:visible!important;width:100%}
#livestudio .studio-source-wall .studio-source-tile{min-width:0!important;flex:auto!important}

@media(max-width:1050px){
  #video .tv-onair-console{grid-template-columns:1fr}
  #video .tv-onair-console>.panel-head,#video .tv-onair-console>.tv-main-player,#video .tv-onair-console>.watch-actions,#video .tv-onair-console>.radio-grid{grid-column:1;grid-row:auto}
  #video .tv-onair-console>.radio-grid{grid-template-columns:1fr 1fr!important;margin-top:8px!important}
  #radio .radio-onair-console{grid-template-columns:1fr}
  #radio .radio-onair-console>.panel-head,#radio .radio-onair-console>.now-playing-card,#radio .radio-onair-console>.broadcast-action-row{grid-column:1}
  #radio .radio-onair-console>.broadcast-action-row{display:flex;min-width:0;padding-top:9px;border-top:1px solid #1b3042}
  #livestudio .studio-source-wall{grid-template-columns:repeat(4,minmax(100px,1fr))!important}
}
@media(max-width:760px){
  #video .radio-stations-panel,#radio .radio-stations-panel,#livestudio .studio-sidebar{grid-template-columns:1fr;gap:7px;padding:9px!important}
  #video .radio-stations-panel>.panel-head,#radio .radio-stations-panel>.panel-head,#livestudio .studio-sidebar>.panel-head{padding:0 0 7px!important;border-right:0!important;border-bottom:1px solid #26384f!important}
  #video .station-list>*,#radio .station-list>*,#livestudio .station-list>*{flex-basis:145px;min-height:50px}
  #video .tv-onair-console>.radio-grid{grid-template-columns:1fr!important}
  #livestudio .studio-monitor-wall{grid-template-columns:1fr!important}
  #livestudio .studio-source-wall{grid-template-columns:repeat(3,minmax(90px,1fr))!important}
}
@media(max-width:480px){
  #livestudio .studio-source-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* v2.11.53 UI-01 — approved Dashboard implementation */
:root{--f-ui-bg:#070d16;--f-ui-card:#0c1521;--f-ui-card2:#0f1a28;--f-ui-border:#203047;--f-ui-blue:#1677ff;--f-ui-blue2:#245cff;--f-ui-green:#22c55e;--f-ui-red:#ef3340;--f-ui-amber:#f59e0b}
.dashboard-page-v2{max-width:1600px;margin:0 auto}.dashboard-v2-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 14px}.dashboard-v2-title{display:flex;align-items:flex-start;gap:12px}.dashboard-page-number{width:38px;height:31px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#1948d8,#265cff);box-shadow:0 6px 18px #1748dd40;font-size:12px;font-weight:900}.dashboard-v2-heading h2{font-size:23px;margin:2px 0 4px;letter-spacing:-.035em}.dashboard-v2-heading p{margin:0;color:#8797ad;font-size:12px}.dashboard-v2-heading .eyebrow{color:#dbe8ff;font-size:10px;letter-spacing:.12em}.dashboard-date{border:1px solid #25364d;background:#0b1420;border-radius:8px;padding:8px 11px;color:#c8d5e5!important;font-size:11px!important}
.dashboard-v2-card{background:linear-gradient(180deg,#0d1724,#09121d);border:1px solid var(--f-ui-border);border-radius:12px;padding:13px;box-shadow:0 12px 28px #00000024;min-width:0}.dashboard-card-head{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px}.dashboard-card-head>div{display:flex;align-items:center;gap:8px}.dashboard-card-head>span{color:#74859b;font-size:9px;font-weight:800}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot.blue{background:#2f7dff;box-shadow:0 0 0 3px #2f7dff1f}.dashboard-live-pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:#d92838;color:#fff!important;padding:4px 7px;font-size:8px!important;font-weight:900!important;letter-spacing:.04em}.dashboard-live-pill.inactive{background:#38465a;color:#c3cedb!important}.dashboard-health-pill{border-radius:5px;background:#123c2a;color:#7de7a5!important;padding:4px 7px;font-size:8px!important;font-weight:900!important}.dashboard-health-pill.warn{background:#4b3512;color:#ffc861!important}.dashboard-health-pill.bad{background:#48191e;color:#ff8790!important}
.dashboard-v2-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1.35fr) minmax(235px,.8fr);gap:12px}.dashboard-feature-art,.dashboard-program-stage{position:relative;overflow:hidden;border:1px solid #21324b;border-radius:9px;aspect-ratio:16/9;background:radial-gradient(circle at 20% 25%,#36121a 0%,transparent 35%),radial-gradient(circle at 78% 40%,#0c3e88 0%,transparent 38%),linear-gradient(135deg,#0a111b,#111c2b)}.dashboard-feature-art{display:flex;align-items:center;justify-content:center}.dashboard-feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070b10a8,transparent 38%,#0612248c),repeating-linear-gradient(90deg,transparent 0 72px,#ffffff05 72px 73px);pointer-events:none}.dashboard-feature-art>img{width:49%;height:45%;object-fit:contain;opacity:.72;filter:drop-shadow(0 10px 22px #000)}.dashboard-feature-glow{position:absolute;inset:-30%;background:conic-gradient(from 20deg,transparent,#0a64ff17,transparent,#e82d4213,transparent);animation:dashGlow 14s linear infinite}@keyframes dashGlow{to{transform:rotate(360deg)}}.dashboard-feature-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;display:grid;gap:2px}.dashboard-feature-copy span{color:#ff5764;font-size:8px;font-weight:900;letter-spacing:.15em}.dashboard-feature-copy strong{font-size:20px;letter-spacing:-.035em;text-shadow:0 2px 12px #000}.dashboard-feature-copy small{color:#b0bdd0;font-size:9px}.dashboard-watch-button{width:100%;margin-top:9px;border:1px solid #3283ff;background:linear-gradient(135deg,#096af4,#145ee0);color:#fff;border-radius:7px;padding:9px;font-size:11px;font-weight:850}.dashboard-signal-strip,.dashboard-program-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:9px;border:1px solid #1f2e42;border-radius:8px;background:#0a131e}.dashboard-signal-strip>div,.dashboard-program-strip>div{padding:8px 9px;min-width:0;border-right:1px solid #1c2a3d}.dashboard-signal-strip>div:last-child,.dashboard-program-strip>div:last-child{border-right:0}.dashboard-signal-strip span,.dashboard-program-strip span{display:block;color:#72839a;font-size:7px;text-transform:uppercase;letter-spacing:.08em}.dashboard-signal-strip strong,.dashboard-program-strip strong{display:block;margin-top:3px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-program-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05080d}.dashboard-program-fallback{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 60% 30%,#143f8f66,transparent 37%),linear-gradient(145deg,#07111f,#0e1c31)}.dashboard-program-fallback img{width:48%;height:44%;object-fit:contain;opacity:.7}.dashboard-program-fallback span{color:#7f91aa;font-size:9px;letter-spacing:.16em}.dashboard-program-stage.is-playing .dashboard-program-fallback{display:none}.dashboard-program-corner{position:absolute;right:9px;top:8px;padding:3px 6px;border-radius:5px;background:#07111ed1;color:#86a5d4;font-size:7px;font-weight:900;letter-spacing:.1em}.dashboard-output-url{display:flex;align-items:center;gap:9px;margin-top:9px}.dashboard-output-url>div{min-width:0;flex:1}.dashboard-output-url span{display:block;color:#718197;font-size:8px}.dashboard-output-url code{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a9b7c9;font-size:8px}.icon-copy{width:31px;height:31px;border:1px solid #263750;border-radius:8px;background:#101b29;color:#c7d4e4}
.dashboard-overview-list{display:grid;gap:7px}.dashboard-overview-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #1c2c40;background:#101a27;color:#e9f0f9;border-radius:8px;padding:10px 11px;text-align:left}.dashboard-overview-list button:hover{border-color:#2d5a93;background:#122033}.dashboard-overview-list span{display:flex;align-items:center;gap:8px;color:#aebbd0;font-size:9px}.dashboard-overview-list span b{font-size:11px;color:#8ea5c4}.dashboard-overview-list span em{font-style:normal}.dashboard-overview-list strong{font-size:11px}.dashboard-mini-refresh{color:#4f77af!important}
.dashboard-v2-bottom{display:grid;grid-template-columns:1.02fr 1.05fr .72fr;gap:12px;margin-top:12px}.dashboard-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dashboard-quick-grid button{min-height:70px;text-align:left;border:1px solid #203049;border-radius:8px;background:#0c1622;color:#e9f0f9;padding:10px;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-content:center}.dashboard-quick-grid button:hover{background:#102036;border-color:#2b69ba;transform:translateY(-1px)}.dashboard-quick-grid button>span{grid-row:1/3;font-size:16px;color:#88a9d4}.dashboard-quick-grid strong{font-size:9px}.dashboard-quick-grid small{font-size:7px;color:#718298;margin-top:2px}.dashboard-activity-list{display:grid;gap:1px}.dashboard-activity-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;min-height:35px;border-bottom:1px solid #162438}.dashboard-activity-row:last-child{border-bottom:0}.dashboard-activity-icon{width:21px;height:21px;border-radius:6px;display:grid;place-items:center;background:#12223a;color:#6ca4ff;font-size:9px}.dashboard-activity-row strong{font-size:9px;font-weight:650}.dashboard-activity-row small{color:#718298;font-size:7px;white-space:nowrap}.dashboard-empty-row{padding:20px 4px;color:#77889f;font-size:10px}.dashboard-health-list{display:grid;gap:2px}.dashboard-health-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-height:34px;border-bottom:1px solid #172538}.dashboard-health-item:last-child{border-bottom:0}.dashboard-health-item span{font-size:9px;color:#b7c3d4}.dashboard-health-item strong{font-size:8px;color:#57d786}.dashboard-health-item strong.warn{color:#ffc35c}.dashboard-health-note{margin:9px 0 0;color:#73849a;font-size:8px}.dashboard-server-link{width:100%;margin-top:9px;border:1px solid #203451;border-radius:7px;background:#0c1724;color:#64a6ff;padding:8px;font-size:9px;font-weight:750}
.fokisen-topbar-v2{display:grid!important;grid-template-columns:minmax(170px,.6fr) minmax(300px,1.3fr) auto!important;align-items:center!important;gap:18px!important}.global-search{margin:0!important;display:flex!important;align-items:center;gap:8px;border:1px solid #26364d;background:#0a121d;border-radius:9px;padding:0 11px;height:39px}.global-search span{color:#708198}.global-search input{width:100%;border:0!important;box-shadow:none!important;padding:0!important;background:transparent!important;font-size:11px}.topbar-current-page h1{font-size:15px!important;margin:0!important}.topbar-current-page p{font-size:9px!important}.system-health{white-space:nowrap}
.server-usage-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.server-usage-heading h2{margin:3px 0 4px;font-size:24px}.server-usage-heading p{margin:0;color:#8595aa;font-size:11px}.server-usage-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.server-metric{background:linear-gradient(180deg,#0e1724,#0a121c);border:1px solid #203047;border-radius:11px;padding:14px}.server-metric>span{display:block;color:#8394aa;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.server-metric>strong{display:block;font-size:24px;margin:5px 0}.server-metric small{color:#718297;font-size:8px}.usage-meter{height:5px;border-radius:99px;background:#192536;overflow:hidden}.usage-meter i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#286bff,#25c96f);transition:width .3s ease}.server-node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.server-node-card{border:1px solid #1f3048;border-radius:9px;background:#0b1520;padding:12px}.server-node-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.server-node-card strong{font-size:11px}.server-node-card small{display:block;color:#718298;font-size:8px;margin-top:3px}.node-resource-row{display:grid;grid-template-columns:40px 1fr 36px;align-items:center;gap:6px;margin-top:9px;font-size:8px;color:#8293aa}.node-resource-row .usage-meter{height:4px}.node-online{color:#55d786!important}.node-offline{color:#ff7780!important}.station-usage-table-wrap{overflow:auto}.station-usage-table{width:100%;border-collapse:collapse;min-width:900px}.station-usage-table th{padding:9px;text-align:left;color:#708198;font-size:8px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #24344b}.station-usage-table td{padding:10px 9px;border-bottom:1px solid #172538;font-size:9px;color:#b8c5d6}.station-usage-table td strong{display:block;color:#f2f6fb;font-size:10px}.station-usage-table td small{display:block;color:#718298;font-size:7px;margin-top:2px}.usage-good{color:#54d786!important}.usage-warn{color:#ffc45d!important}.usage-bad{color:#ff727c!important}
@media(max-width:1200px){.dashboard-v2-hero{grid-template-columns:1fr 1fr}.dashboard-overview-card{grid-column:1/-1}.dashboard-overview-list{grid-template-columns:repeat(3,1fr)}.dashboard-v2-bottom{grid-template-columns:1fr 1fr}.dashboard-health-card{grid-column:1/-1}.server-node-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.fokisen-topbar-v2{grid-template-columns:auto 1fr!important}.global-search{grid-column:1/-1;grid-row:2}.dashboard-v2-hero,.dashboard-v2-bottom{grid-template-columns:1fr}.dashboard-overview-card,.dashboard-health-card{grid-column:auto}.dashboard-overview-list{grid-template-columns:1fr 1fr}.server-usage-metrics{grid-template-columns:1fr 1fr}.server-node-grid{grid-template-columns:1fr}}
@media(max-width:620px){.dashboard-page-number{width:32px;height:28px}.dashboard-v2-heading h2{font-size:19px}.dashboard-date{display:none}.dashboard-overview-list,.dashboard-quick-grid{grid-template-columns:1fr 1fr}.dashboard-v2-card{padding:11px}.dashboard-feature-copy strong{font-size:16px}.dashboard-signal-strip strong,.dashboard-program-strip strong{font-size:8px}.server-usage-metrics{grid-template-columns:1fr 1fr}.server-metric>strong{font-size:20px}.topbar-current-page{display:none}.fokisen-topbar-v2{grid-template-columns:40px 1fr!important}.fokisen-topbar-v2 .top-actions{justify-content:flex-end}.fokisen-topbar-v2 .top-actions select,.fokisen-topbar-v2 #createServiceBtn{display:none!important}}

/* Fokisen Streaming UI-02 — Live Studio implementation */
#livestudio.studio-ui02{max-width:none!important}
#livestudio .studio-v2-page{display:grid;gap:12px;width:100%;min-width:0}
#livestudio .studio-v2-header{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(470px,1fr) auto;gap:14px;align-items:center;padding:14px 16px;background:linear-gradient(180deg,#0d1622,#09111b);border-color:#21344d}
#livestudio .studio-v2-title-line{display:flex;align-items:center;gap:10px}.studio-v2-page-number{display:grid;place-items:center;width:34px;height:32px;border-radius:8px;background:linear-gradient(145deg,#0d68ff,#1841c6);font-size:12px;font-weight:900;color:#fff;box-shadow:inset 0 0 0 1px #4c8cff66}.studio-v2-title-line h2{margin:0;font-size:22px;letter-spacing:-.035em}.studio-v2-title-line p{margin:2px 0 0;color:#8b9cb0;font-size:10px}.studio-v2-channel-line{display:flex;align-items:center;gap:7px;margin:8px 0 0 44px;min-width:0}.studio-v2-channel-line>span{font-size:8px;color:#6f8198;text-transform:uppercase;letter-spacing:.1em}.studio-v2-channel-line strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-v2-channel-line small{font-size:8px;color:#8395aa;white-space:nowrap}
#livestudio .studio-v2-header-metrics{display:grid;grid-template-columns:repeat(3,minmax(125px,1fr));gap:8px}.studio-v2-head-stat{min-width:0;border:1px solid #23344a;background:#0a131e;border-radius:9px;padding:9px 10px}.studio-v2-head-stat>span{display:block;color:#71839a;font-size:7px;letter-spacing:.1em}.studio-v2-head-stat>strong{display:block;margin-top:4px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-v2-head-stat>small{display:block;margin-top:3px;color:#7d8fa5;font-size:7px}.studio-status-live{color:#48df8f!important}.studio-status-connecting{color:#ffc45d!important}.studio-status-offline{color:#ff6c75!important}.studio-v2-header-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.studio-v2-header-actions .go-live{min-width:160px;height:42px}
#livestudio .studio-v2-channel-selector{display:grid;grid-template-columns:185px minmax(0,1fr);gap:12px;align-items:center;padding:9px 12px}.studio-v2-channel-selector-title strong{display:block;font-size:10px}.studio-v2-channel-selector-title span{display:block;margin-top:2px;color:#718399;font-size:8px}.studio-v2-channel-list{display:flex!important;flex-direction:row!important;gap:7px!important;overflow:auto;padding:0!important;max-height:none!important}.studio-v2-channel-list .station-btn{flex:0 0 auto;min-width:150px;min-height:44px!important;padding:7px 10px!important;border:1px solid #21334b;background:#0a131e;border-radius:8px}.studio-v2-channel-list .station-btn.active{background:linear-gradient(135deg,#0a56d8,#143b9f)!important;border-color:#2f76ff!important}.studio-v2-empty{min-height:320px;display:grid;place-items:center;align-content:center}
#livestudio #studioWorkspace{display:grid;gap:12px}.studio-v2-production-grid{display:grid;grid-template-columns:minmax(210px,250px) minmax(650px,1fr) minmax(215px,255px);gap:12px;align-items:start}.studio-v2-sources-panel,.studio-v2-audio-panel,.studio-v2-record-panel,.studio-v2-program-info-panel{padding:11px}.studio-v2-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.studio-v2-panel-head span{display:block;color:#dfe9f6;font-size:9px;font-weight:900;letter-spacing:.05em}.studio-v2-panel-head strong{display:block;margin-top:2px;color:#75879d;font-size:7px;font-weight:700}.studio-v2-panel-head>div{min-width:0}
#livestudio .studio-source-wall{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;overflow:auto!important;max-height:710px;padding-right:2px;width:100%!important}.studio-v2-source-card{border:1px solid #1d2e44;border-radius:9px;background:#09131f;overflow:hidden}.studio-v2-source-card:has(.studio-source-tile.active){border-color:#2f79ff;box-shadow:0 0 0 1px #2f79ff33}.studio-v2-source-card .studio-source-tile{display:block!important;width:100%!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left;overflow:hidden}.studio-v2-source-top{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px 7px}.studio-v2-source-top b{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;background:#0d62eb;color:#fff;font-size:8px}.studio-v2-source-top strong{font-size:9px;color:#edf4fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-v2-source-top i{font-style:normal;font-size:6px;font-weight:900;color:#7c8da2;letter-spacing:.06em}.studio-v2-source-top i.is-live{color:#4ada8a}.studio-v2-source-thumb{display:block;position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 25% 25%,#153e80,transparent 45%),linear-gradient(140deg,#06101d,#0b1b30);overflow:hidden}.studio-v2-source-thumb video{width:100%;height:100%;object-fit:cover;background:#05080e}.studio-v2-source-thumb>em{position:absolute;left:7px;bottom:6px;font-style:normal;font-size:7px;font-weight:900;color:#dbe8f6;background:#07111dcc;border:1px solid #28405f;border-radius:4px;padding:2px 5px}.studio-v2-slate-thumb{display:grid;place-items:center;align-content:center;gap:5px}.studio-v2-slate-thumb em{position:static}.studio-v2-slate-thumb span{font-size:7px;letter-spacing:.18em;color:#4ea0ff}.studio-v2-source-controls{display:flex;align-items:center;gap:5px;padding:6px;border-top:1px solid #16263a}.studio-v2-source-controls select,.studio-v2-source-controls input{min-width:0;flex:1;height:28px;font-size:7px;padding:4px 6px}.studio-v2-source-controls .tiny{min-height:28px}.studio-v2-file{display:inline-flex!important;align-items:center;justify-content:center;flex:1}.studio-v2-stop-sources{width:100%;margin-top:8px}
#livestudio .studio-v2-switcher{display:grid;gap:12px;min-width:0}.studio-v2-monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);gap:10px;align-items:stretch}.studio-v2-monitor{padding:9px!important;min-width:0}.studio-v2-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.studio-v2-monitor-head span{display:block;font-size:10px;font-weight:900;letter-spacing:.06em}.studio-v2-monitor-head span b{color:#ff4d5b}.studio-v2-monitor-head strong{display:block;color:#7e90a6;font-size:8px;margin-top:2px}.studio-v2-monitor-head i{font-style:normal;font-size:7px;font-weight:900;border-radius:5px;padding:3px 6px;background:#0b3224;color:#50dc8b}.program-v2-monitor .studio-v2-monitor-head i{background:#3a1217;color:#ff6670}.program-v2-monitor.is-live{border-color:#e72c3d!important;box-shadow:0 0 0 1px #e72c3d44}.program-v2-monitor.is-live .studio-v2-monitor-head i{background:#e21d2d;color:#fff}.studio-v2-video-stage{aspect-ratio:16/9;border-radius:7px;overflow:hidden;border:1px solid #1c2d43;background:#04070b}.studio-v2-video-stage video,.studio-v2-video-stage canvas{width:100%;height:100%;object-fit:cover}.studio-v2-preview-ticker{position:absolute;left:0;right:0;bottom:0;padding:6px 10px;background:#07111de6;color:#fff;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-v2-transition-rail{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:7px}.studio-v2-transition-rail button,.studio-v2-transition-rail select{min-height:36px;border-radius:7px;border:1px solid #26374d;background:#0a1420;color:#c6d3e2;font-size:8px;font-weight:850}.studio-v2-transition-rail .studio-v2-take-mini{background:#b51b25;color:#fff;border-color:#df3541}.studio-v2-transition-rail .studio-v2-take-main{min-height:52px;background:linear-gradient(180deg,#d5222f,#a8121d);border-color:#ee4350;color:#fff}.studio-v2-transition-rail button.is-selected{border-color:#3281ff;background:#0d3978;color:#fff}
#livestudio .studio-v2-tools-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:12px}.studio-v2-graphics-panel,.studio-v2-ticker-panel{padding:11px}.studio-v2-lower-third-editor{display:grid;grid-template-columns:1fr 1fr;gap:7px}.studio-v2-lower-third-editor .button-row{grid-column:1/-1}.studio-v2-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.studio-v2-toggle-grid label,.studio-v2-mute-row{display:flex;align-items:center;gap:7px;border:1px solid #1d2d42;border-radius:7px;background:#09131e;padding:7px;font-size:8px;color:#aebdce}.studio-v2-overlay-row,.studio-v2-save-row{display:flex;gap:7px;margin-top:8px}.studio-v2-overlay-row>*:first-child,.studio-v2-save-row input{flex:1}.studio-v2-saved-list{max-height:110px;overflow:auto;margin-top:8px}.studio-v2-switch{display:inline-flex;align-items:center}.studio-v2-switch input{display:none}.studio-v2-switch span{width:32px;height:18px;border-radius:99px;background:#243247;position:relative;transition:.2s}.studio-v2-switch span:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;top:3px;left:3px;background:#8a9aae;transition:.2s}.studio-v2-switch input:checked+span{background:#1763d7}.studio-v2-switch input:checked+span:before{left:17px;background:#fff}.studio-v2-ticker-panel textarea{width:100%;resize:vertical;min-height:76px}.studio-v2-ticker-preview{margin-top:9px;padding:9px;border:1px solid #1d2e43;border-radius:7px;background:#06101b;overflow:hidden}.studio-v2-ticker-preview span{display:block;color:#d8e5f3;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#livestudio .studio-v2-right-rail{display:grid;gap:12px;min-width:0}.studio-v2-audio-row{display:grid;gap:5px;margin-top:9px}.studio-v2-audio-row>span{font-size:8px;color:#9fb0c3}.studio-v2-audio-row select{width:100%}.studio-v2-audio-db{font-size:7px!important;color:#50dc8c!important;background:#0b3224;padding:3px 6px;border-radius:5px}.studio-v2-meter-wrap{margin-top:9px}.studio-v2-meter-wrap .meter{height:7px;background:#172538}.studio-v2-meter-wrap small{display:block;margin-top:3px;color:#6f8196;font-size:7px}.studio-v2-mute-row{margin-top:10px}.studio-v2-record-head{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;margin-bottom:9px}.studio-v2-record-head>span{width:8px;height:8px;border-radius:50%;background:#49596d}.studio-v2-record-head>span.is-recording{background:#ff3542;box-shadow:0 0 0 4px #ff35421c}.studio-v2-record-head strong{font-size:8px;color:#c7d4e3}.studio-v2-record-head small{font-size:8px;color:#8d9db0}.studio-v2-record-panel button{width:100%;margin-top:7px}.studio-v2-info-list{display:grid;gap:7px}.studio-v2-info-list>div{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #17263a}.studio-v2-info-list>div:last-child{border-bottom:0}.studio-v2-info-list span{font-size:7px;color:#6f8299}.studio-v2-info-list strong{font-size:8px;color:#d8e4f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#livestudio .studio-v2-bottom-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px}.studio-v2-shortcuts,.studio-v2-activity-panel,.studio-v2-advanced-card{padding:11px}.studio-v2-shortcut-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.studio-v2-shortcut-grid button{min-height:45px;border:1px solid #1f3046;background:#0a141f;border-radius:8px;color:#bcc9d8;font-size:8px}.studio-v2-shortcut-grid button:hover{border-color:#357eff;color:#fff}.studio-v2-activity-panel .mini-list{max-height:170px;overflow:auto}.studio-v2-advanced-card p{color:#7f90a5;font-size:8px;line-height:1.6;margin:5px 0 0}.studio-v2-advanced-drawer{display:grid;gap:12px}.studio-v2-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-v2-gameshow-picker{border-color:#274a79!important}.studio-v2-gameshow-picker .mini-list{max-height:260px;overflow:auto}
#livestudio .studio-gs-source{border:1px solid #5d2b96!important;background:linear-gradient(145deg,#151022,#0b1320)!important;border-radius:8px!important;padding:6px!important}.studio-gs-source .thumb{aspect-ratio:16/9;display:grid;place-items:center;border-radius:6px;background:radial-gradient(circle at 35% 25%,#572c8b,transparent 45%),#07101b;color:#e2c7ff;font-weight:900;font-size:8px}.studio-gs-source small{display:block;margin-top:5px;color:#c8d4e3;font-size:7px}
#livestudio .lower-third{left:4%;bottom:10%;max-width:70%}.studio-v2-page .channel-bug{top:6%;right:4%}
@media(max-width:1280px){#livestudio .studio-v2-header{grid-template-columns:1fr auto}.studio-v2-header-metrics{grid-column:1/-1!important;order:3}.studio-v2-production-grid{grid-template-columns:220px minmax(560px,1fr)}.studio-v2-right-rail{grid-column:1/-1!important;grid-template-columns:repeat(3,1fr)!important}.studio-v2-bottom-grid{grid-template-columns:1fr 1fr}.studio-v2-advanced-card{grid-column:1/-1}}
@media(max-width:980px){#livestudio .studio-v2-production-grid{grid-template-columns:1fr}.studio-v2-sources-panel{order:2}.studio-v2-switcher{order:1}.studio-v2-right-rail{order:3;grid-template-columns:1fr 1fr!important}.studio-v2-program-info-panel{grid-column:1/-1}.studio-v2-source-wall{grid-template-columns:repeat(3,minmax(150px,1fr))!important;max-height:none!important}.studio-v2-monitor-grid{grid-template-columns:1fr 62px 1fr}.studio-v2-bottom-grid{grid-template-columns:1fr}.studio-v2-advanced-grid{grid-template-columns:1fr}.studio-v2-channel-selector{grid-template-columns:1fr}.studio-v2-channel-selector-title{display:none}}
@media(max-width:720px){#livestudio .studio-v2-header{grid-template-columns:1fr;padding:11px}.studio-v2-header-actions{justify-content:stretch}.studio-v2-header-actions>*{flex:1}.studio-v2-header-metrics{grid-template-columns:1fr 1fr!important}.studio-v2-head-stat:last-child{grid-column:1/-1}.studio-v2-monitor-grid{grid-template-columns:1fr}.studio-v2-transition-rail{display:grid;grid-template-columns:repeat(4,1fr)}.studio-v2-transition-rail select{grid-column:1/3}.studio-v2-transition-rail .studio-v2-take-main{grid-column:3/5}.studio-v2-tools-row{grid-template-columns:1fr}.studio-v2-right-rail{grid-template-columns:1fr!important}.studio-v2-program-info-panel{grid-column:auto}.studio-v2-source-wall{grid-template-columns:1fr 1fr!important}.studio-v2-lower-third-editor{grid-template-columns:1fr}.studio-v2-lower-third-editor .button-row{grid-column:auto}.studio-v2-shortcut-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.studio-v2-title-line h2{font-size:18px}.studio-v2-channel-line{margin-left:0;display:grid;grid-template-columns:auto 1fr}.studio-v2-channel-line small{grid-column:1/-1}.studio-v2-source-wall{grid-template-columns:1fr!important}.studio-v2-right-rail{display:grid}.studio-v2-shortcut-grid{grid-template-columns:1fr}.studio-v2-toggle-grid{grid-template-columns:1fr}.studio-v2-overlay-row,.studio-v2-save-row{display:grid}.studio-v2-header-actions{display:grid;grid-template-columns:1fr}.studio-v2-header-actions .go-live{min-width:0}.studio-v2-monitor-grid{gap:7px}}

/* ============================================================
   Fokisen Streaming UI-03 — Live TV Overview
   Built on stable v2.11.53 / UI-02. Frontend only.
   ============================================================ */
#video.tv-ui03{padding:18px;max-width:none;background:radial-gradient(circle at 38% 0%,rgba(25,76,160,.10),transparent 35%);}
.tv-ui03-heading{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(620px,1.28fr);gap:18px;align-items:end;margin-bottom:14px}.tv-ui03-heading>div:first-child h2{margin:3px 0 6px;font-size:24px;letter-spacing:-.02em}.tv-ui03-heading>div:first-child p{margin:0;color:#8699af}.tv-ui03-heading .eyebrow{font-size:11px;letter-spacing:.16em;color:#69a7ff;font-weight:800}.tv-ui03-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:10px}.tv-ui03-summary-grid article{position:relative;min-height:72px;padding:13px 48px 12px 14px;border:1px solid #1b2e45;border-radius:11px;background:linear-gradient(145deg,#0a1523,#07111d);box-shadow:inset 0 1px rgba(255,255,255,.02)}.tv-ui03-summary-grid span,.tv-ui03-summary-grid small{display:block;color:#8394a9;font-size:10px}.tv-ui03-summary-grid strong{display:block;color:#f4f8ff;font-size:22px;line-height:1.12;margin:5px 0 1px}.tv-ui03-summary-grid b{position:absolute;right:15px;top:24px;font-size:23px;color:#2477ff;font-weight:500}.tv-ui03-summary-grid article:nth-child(2) b{color:#9b5cff}.tv-ui03-summary-grid article:nth-child(4) b{color:#f5a623}
.tv-ui03-statebar{display:grid;grid-template-columns:1fr minmax(220px,300px) auto;gap:12px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #182b42;border-radius:10px;background:#08131f}.tv-ui03-state-copy{display:flex;align-items:baseline;gap:10px;min-width:0}.tv-ui03-state-copy>span{font-size:10px;color:#4f9cff;letter-spacing:.13em;font-weight:800}.tv-ui03-state-copy strong{font-size:13px;color:#fff}.tv-ui03-state-copy small{color:#7e90a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-ui03-statebar label{display:flex;align-items:center;gap:8px;margin:0}.tv-ui03-statebar label>span{font-size:11px;color:#8192a7}.tv-ui03-statebar select{margin:0;min-height:34px;padding:6px 28px 6px 9px;background:#0b1725;border-color:#263a52}
.tv-ui03-card{border:1px solid #1a2c42;border-radius:11px;background:linear-gradient(155deg,#081420,#07111c 70%);box-shadow:0 10px 28px rgba(0,0,0,.13);overflow:hidden}.tv-ui03-card-head{min-height:41px;padding:10px 13px;border-bottom:1px solid rgba(40,61,85,.65);display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.025em}.tv-ui03-card-head>div{display:flex;align-items:center;gap:8px}.tv-ui03-card-head>div>i{width:7px;height:7px;border-radius:50%;background:#2ed573;box-shadow:0 0 10px rgba(46,213,115,.6)}.tv-ui03-card-head>div>span{color:#ff4d5f}.tv-ui03-card-head .tiny{min-height:26px;padding:4px 8px;font-size:10px}
.tv-ui03-primary-grid{display:grid;grid-template-columns:minmax(480px,1.6fr) minmax(245px,.68fr) minmax(330px,.9fr);gap:10px}.tv-ui03-player-shell{position:relative;aspect-ratio:16/9;background:#02070d;overflow:hidden}.tv-ui03-player-shell video{display:block;width:100%;height:100%;object-fit:contain;background:#02070d}.tv-ui03-player-shell .player-state{position:absolute;left:12px;right:12px;top:12px;padding:7px 9px;border-radius:7px;background:rgba(3,8,15,.76);color:#d8e4f4;font-size:11px;pointer-events:none}.tv-ui03-player-lowerthird{position:absolute;left:22px;bottom:18px;min-width:255px;padding:9px 20px 8px;background:linear-gradient(100deg,rgba(10,33,67,.96) 0 72%,rgba(10,33,67,0) 100%);border-left:4px solid #e22b38;transform:skewX(-5deg);pointer-events:none}.tv-ui03-player-lowerthird span,.tv-ui03-player-lowerthird small{display:block;transform:skewX(5deg)}.tv-ui03-player-lowerthird span{font-size:19px;font-weight:900;color:#fff;letter-spacing:.03em}.tv-ui03-player-lowerthird small{font-size:10px;color:#e7edf6;margin-top:2px}.tv-ui03-program-footer{display:flex;align-items:center;gap:20px;padding:9px 13px;color:#bac7d6;font-size:11px;border-top:1px solid #16283c}.tv-ui03-program-footer>span:first-child{color:#ff4f5e;font-weight:800}.tv-ui03-program-footer .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f13b49;margin-right:4px}.tv-ui03-program-footer #videoViewers{margin-left:auto}.tv-ui03-watch-actions{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:6px;padding:9px}.tv-ui03-watch-actions button{min-height:34px;padding:7px 10px;font-size:11px}.tv-ui03-live-badge{padding:4px 8px;border-radius:999px;background:#223142;color:#acbacb;font-size:10px;text-transform:uppercase}.tv-ui03-live-badge.live-ok{background:rgba(34,197,94,.13);color:#4de47f;border:1px solid rgba(34,197,94,.28)}
.tv-ui03-now-playing{padding-bottom:10px}.tv-ui03-now-art{height:126px;margin:10px 12px;border:1px solid #213650;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 20%,rgba(33,92,198,.35),transparent 34%),linear-gradient(145deg,#121a27,#090e16)}.tv-ui03-now-art:after{content:"";position:absolute;inset:auto -10% -45% 5%;height:110px;background:linear-gradient(95deg,rgba(240,34,50,.18),rgba(33,103,255,.17));transform:rotate(-8deg)}.tv-ui03-now-art img{width:60%;max-height:45px;object-fit:contain;position:relative;z-index:1}.tv-ui03-now-art span{position:absolute;left:9px;top:9px;font-size:9px;color:#d6e3f5;background:#12233a;padding:3px 6px;border-radius:4px}.tv-ui03-now-playing h3{font-size:14px;margin:11px 12px 2px;color:#fff}.tv-ui03-now-playing>p{font-size:11px;margin:0 12px 8px;color:#8194aa}.tv-ui03-now-playing dl,.tv-ui03-stream-status dl{margin:0 12px}.tv-ui03-now-playing dl>div,.tv-ui03-stream-status dl>div{display:grid;grid-template-columns:42% 58%;gap:8px;padding:5px 0;border-bottom:1px solid rgba(37,56,77,.48);font-size:10.5px}.tv-ui03-now-playing dt,.tv-ui03-stream-status dt{color:#899aae}.tv-ui03-now-playing dd,.tv-ui03-stream-status dd{margin:0;color:#e7edf6;min-width:0;overflow:hidden;text-overflow:ellipsis}.tv-ui03-details-btn{width:calc(100% - 24px);margin:9px 12px 0;min-height:32px;border:1px solid #1f334b;background:#0b1827;color:#dbe7f6;border-radius:7px;display:flex;justify-content:space-between;align-items:center;padding:7px 11px;font-size:10px}.tv-ui03-right-stack{display:grid;gap:10px;grid-template-rows:auto 1fr}.tv-ui03-stream-status dl>div{grid-template-columns:43% 57%;padding:5px 0}.tv-ui03-stream-status code{color:#3b8cff;font-size:9.5px;white-space:nowrap}.tv-ui03-health{padding:3px 7px;border-radius:999px;background:rgba(34,197,94,.13);color:#58e284;font-size:9px;font-weight:800}.tv-ui03-health.offline{background:rgba(244,63,94,.12);color:#ff6675}.tv-ui03-quick-actions>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:9px}.tv-ui03-quick-actions button{min-height:43px;padding:7px 6px;background:#0b1827;border:1px solid #1b3048;border-radius:7px;color:#cbd7e5;font-size:11px;display:flex;align-items:center;justify-content:center;gap:6px}.tv-ui03-quick-actions button:hover{border-color:#2e72d9;background:#0d2138}.tv-ui03-quick-actions button.warn{color:#ff6976;border-color:#5a2630}
.tv-ui03-stations-card{margin-top:10px}.tv-ui03-stations-card>.tv-ui03-card-head>div{gap:14px}.tv-ui03-filter-row{display:flex;gap:6px}.tv-ui03-filter-row button{min-height:24px;padding:3px 9px;border:1px solid #25384f;border-radius:999px;background:#0b1725;color:#8799ae;font-size:9px}.tv-ui03-filter-row button.active{background:#163f98;border-color:#2764d2;color:#fff}.tv-ui03-station-strip{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:8px;padding:9px 11px 11px;overflow:auto}.tv-ui03-station-card{min-width:150px;text-align:left;padding:0;border:1px solid #20324a;border-radius:8px;background:#091421;overflow:hidden;color:#dfe8f4;cursor:pointer}.tv-ui03-station-card.active{border-color:#317cff;box-shadow:0 0 0 1px rgba(49,124,255,.3)}.tv-ui03-station-thumb{height:77px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 10%,rgba(41,91,193,.4),transparent 38%),linear-gradient(145deg,#0f2036,#07101b)}.tv-ui03-station-thumb img{width:68%;max-height:34px;object-fit:contain}.tv-ui03-station-thumb span{position:absolute;top:6px;left:6px;padding:3px 5px;border-radius:4px;background:#343f4d;color:#fff;font-size:8px;font-weight:800}.tv-ui03-station-card.live .tv-ui03-station-thumb span{background:#d82838}.tv-ui03-station-card>strong,.tv-ui03-station-card>small{display:block;padding:0 8px}.tv-ui03-station-card>strong{font-size:10.5px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-ui03-station-card>small{font-size:9px;color:#8798ab;margin:3px 0 7px}.tv-ui03-legacy-channel-list{display:none!important}
.tv-ui03-bottom-grid{display:grid;grid-template-columns:.8fr .72fr 1.25fr;gap:10px;margin-top:10px}.tv-ui03-bottom-grid>.tv-ui03-card{min-height:210px}.tv-ui03-schedule-list,.tv-ui03-event-list{padding:5px 12px 10px}.tv-ui03-schedule-row,.tv-ui03-event-row{display:grid;grid-template-columns:62px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #17283a;font-size:10px}.tv-ui03-schedule-row time,.tv-ui03-event-row time{color:#8da0b5}.tv-ui03-schedule-row strong,.tv-ui03-event-row strong{font-size:10px;color:#dce5f1}.tv-ui03-schedule-row small,.tv-ui03-event-row small{color:#74879e}.tv-ui03-schedule-row b{font-size:8px;padding:3px 6px;border-radius:4px;background:#15345d;color:#7cb4ff}.tv-ui03-event-row{grid-template-columns:24px 50px 1fr}.tv-ui03-event-row>span:first-child{height:18px;width:18px;border-radius:5px;display:grid;place-items:center;background:#174b44;color:#56e0a2;font-size:8px}.tv-ui03-viewer-chart{height:166px;padding:7px 10px 12px}.tv-ui03-viewer-chart svg{width:100%;height:100%;overflow:visible}.tv-ui03-chart-grid line{stroke:#1a2c41;stroke-width:1}.tv-ui03-chart-area{fill:url(#tvUi03Area)}.tv-ui03-chart-line{fill:none;stroke:#a958ff;stroke-width:2}.tv-ui03-chart-point{fill:#427cff;stroke:#8ba7ff;stroke-width:1}.tv-ui03-chart-label{fill:#7f91a7;font-size:8px}
.tv-ui03-operations{margin-top:10px;border:1px solid #1b2e44;border-radius:11px;background:#07111b;overflow:hidden}.tv-ui03-operations>summary{list-style:none;cursor:pointer;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;background:#091522;border-bottom:1px solid #18293d}.tv-ui03-operations>summary::-webkit-details-marker{display:none}.tv-ui03-operations summary span{display:grid;gap:2px}.tv-ui03-operations summary strong{font-size:12px;color:#eef5ff}.tv-ui03-operations summary small{font-size:10px;color:#7e90a6}.tv-ui03-operations summary b{color:#5a9dff;transition:transform .2s}.tv-ui03-operations[open] summary b{transform:rotate(180deg)}.tv-ui03-ops-grid{display:grid;gap:10px;padding:10px}.tv-ui03-ops-grid>.panel,.tv-ui03-ops-grid>.radio-grid{margin:0}.tv-ui03-stream-ops .button-row{margin:8px 0;display:flex;gap:7px;flex-wrap:wrap}
.tv-ui03-empty{min-height:240px;display:grid;place-content:center;text-align:center}
@media(max-width:1320px){.tv-ui03-heading{grid-template-columns:1fr}.tv-ui03-primary-grid{grid-template-columns:minmax(430px,1.45fr) minmax(240px,.72fr)}.tv-ui03-right-stack{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.tv-ui03-station-strip{grid-template-columns:repeat(4,minmax(160px,1fr))}.tv-ui03-bottom-grid{grid-template-columns:1fr 1fr}.tv-ui03-chart-card{grid-column:1/-1}}
@media(max-width:900px){#video.tv-ui03{padding:12px}.tv-ui03-summary-grid{grid-template-columns:1fr 1fr}.tv-ui03-statebar{grid-template-columns:1fr}.tv-ui03-state-copy{display:grid;gap:3px}.tv-ui03-state-copy small{white-space:normal}.tv-ui03-primary-grid{grid-template-columns:1fr}.tv-ui03-right-stack{grid-column:auto;grid-template-columns:1fr}.tv-ui03-station-strip{grid-template-columns:repeat(2,minmax(160px,1fr))}.tv-ui03-bottom-grid{grid-template-columns:1fr}.tv-ui03-chart-card{grid-column:auto}.tv-ui03-watch-actions{grid-template-columns:1fr 1fr}.tv-ui03-player-lowerthird{min-width:210px;left:12px;bottom:12px}.tv-ui03-player-lowerthird span{font-size:14px}}
@media(max-width:560px){.tv-ui03-summary-grid{grid-template-columns:1fr 1fr}.tv-ui03-summary-grid article{padding-right:34px}.tv-ui03-summary-grid b{right:9px;font-size:18px}.tv-ui03-station-strip{display:flex}.tv-ui03-station-card{min-width:150px}.tv-ui03-quick-actions>div:last-child{grid-template-columns:1fr 1fr}.tv-ui03-stream-status dl>div{grid-template-columns:1fr}.tv-ui03-watch-actions{grid-template-columns:1fr}.tv-ui03-program-footer{gap:10px;flex-wrap:wrap}.tv-ui03-program-footer #videoViewers{margin-left:0}}


/* v2.11.53 UI-04 — TV Guide implementation */
.tv-ui03-guide-callout{display:flex;min-height:100%;flex-direction:column;justify-content:center;gap:8px;padding:16px;border:1px dashed #2c4667;border-radius:12px;background:linear-gradient(145deg,#0b1725,#09121d)}
.tv-ui03-guide-callout strong{font-size:13px}.tv-ui03-guide-callout p{margin:0;color:#8091a8;font-size:11px;line-height:1.5}.tv-ui03-guide-callout button{align-self:flex-start}
.tv-guide-v4{max-width:1680px;margin:0 auto}.tv-guide-v4-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 14px}.tv-guide-v4-title{display:flex;align-items:flex-start;gap:12px}.tv-guide-v4-title h2{margin:2px 0 4px;font-size:25px;letter-spacing:-.035em}.tv-guide-v4-title p{margin:0;color:#8797ad;font-size:12px}.tv-guide-v4-title .eyebrow{color:#dbe8ff;font-size:10px;letter-spacing:.13em;font-weight:800}.tv-guide-v4-live-summary{display:flex;align-items:center;gap:10px;min-width:220px;padding:9px 12px;border:1px solid #24364e;border-radius:10px;background:#0b1420}.tv-guide-v4-live-summary>i{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e18}.tv-guide-v4-live-summary div{display:grid;gap:1px}.tv-guide-v4-live-summary span{color:#71849d;font-size:7px;font-weight:900;letter-spacing:.11em}.tv-guide-v4-live-summary strong{font-size:11px}.tv-guide-v4-live-summary small{color:#73859b;font-size:8px}
.tv-guide-v4-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:10px;border:1px solid #203047;border-radius:12px;background:linear-gradient(180deg,#0d1724,#09121d)}.tv-guide-v4-day-nav,.tv-guide-v4-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tv-guide-v4-day-nav strong{min-width:160px;margin-left:4px;font-size:11px}.tv-guide-v4-toolbar .icon-only{width:34px;padding-left:0;padding-right:0}.tv-guide-v4-tools>input,.tv-guide-v4-tools>select,.tv-guide-v4-tools label select{min-height:34px}.tv-guide-v4-station{display:flex;align-items:center;gap:7px}.tv-guide-v4-station>span{color:#72849b;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.tv-guide-v4-station select{min-width:215px}
.tv-guide-v4-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.tv-guide-v4-metrics article{position:relative;overflow:hidden;padding:12px 14px;border:1px solid #203047;border-radius:11px;background:linear-gradient(145deg,#0e1825,#0a131e)}.tv-guide-v4-metrics article:after{content:"";position:absolute;right:-30px;top:-45px;width:95px;height:95px;border-radius:50%;background:#2469ff0d}.tv-guide-v4-metrics span{display:block;color:#74859a;font-size:7px;font-weight:900;letter-spacing:.1em}.tv-guide-v4-metrics strong{display:block;margin-top:5px;font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tv-guide-v4-metrics small{display:block;margin-top:3px;color:#71839a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-guide-v4-card{margin-bottom:12px;padding:13px;border:1px solid #203047;border-radius:12px;background:linear-gradient(180deg,#0d1724,#09121d);box-shadow:0 12px 28px #00000020}.tv-guide-v4-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tv-guide-v4-card-head>div{display:flex;align-items:center;gap:8px}.tv-guide-v4-card-head>div:has(small){display:grid;gap:2px}.tv-guide-v4-card-head strong{font-size:12px}.tv-guide-v4-card-head small,.tv-guide-v4-card-head>span{color:#71849b;font-size:8px}.tv-guide-v4-now-strip{display:flex;gap:8px;overflow:auto;padding:0 1px 3px;scrollbar-width:thin}.tv-guide-v4-now-strip .guide-now-card{appearance:none;text-align:left;min-width:230px;padding:11px 12px;border:1px solid #223957;border-radius:10px;background:linear-gradient(145deg,#101f31,#0a1522);color:inherit}.tv-guide-v4-now-strip .guide-now-card.has-program{border-color:#2b4f79}.tv-guide-v4-now-strip .guide-now-card .network{display:block;color:#469fff;font-size:7px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tv-guide-v4-now-strip .guide-now-card strong{display:block;margin:4px 0 5px;font-size:11px}.tv-guide-v4-now-strip .guide-now-card small{color:#8294aa;font-size:8px;line-height:1.55}.tv-guide-v4-now-strip .guide-now-card small b{color:#ff5360;font-size:7px}.tv-guide-v4-now-strip .guide-now-card small em{color:#57a9ff;font-style:normal;font-size:7px;font-weight:900}
.tv-guide-v4-legend{display:flex!important;align-items:center!important;gap:12px!important}.tv-guide-v4-legend span{display:flex;align-items:center;gap:5px;color:#7e90a5;font-size:7px}.tv-guide-v4-legend i{width:7px;height:7px;border-radius:2px;background:#195d9d}.tv-guide-v4-legend i.live{background:#ef3340}.tv-guide-v4-legend i.news{background:#246dce}.tv-guide-v4-legend i.sports{background:#1b8a63}.tv-guide-v4-legend i.show{background:#713cc0}
.tv-guide-v4-network{max-height:540px;border:1px solid #1d3048;border-radius:10px;background:#07111d;overflow:auto}.tv-guide-v4-network .network-guide-board{min-width:1080px}.tv-guide-v4-network .network-guide-ruler{background:#0b1725}.tv-guide-v4-network .network-guide-ruler-label{color:#8092a8}.tv-guide-v4-network .network-guide-channel{background:#0b1724}.tv-guide-v4-network .network-guide-row{min-height:78px}.tv-guide-v4-network .network-guide-track{min-height:78px;background-size:8.333333% 100%}.tv-guide-v4-network .guide-program{appearance:none;text-align:left;top:7px;bottom:7px;padding:8px 10px;color:#f5f8fc;border:1px solid #315f8f;background:linear-gradient(135deg,#153e67,#102d4c);cursor:pointer;box-shadow:none}.tv-guide-v4-network .guide-program.kind-news{background:linear-gradient(135deg,#174f8c,#133965);border-color:#2a73bd}.tv-guide-v4-network .guide-program.kind-sports{background:linear-gradient(135deg,#12674c,#114536);border-color:#26916d}.tv-guide-v4-network .guide-program.kind-show{background:linear-gradient(135deg,#563294,#382467);border-color:#7546bb}.tv-guide-v4-network .guide-program.kind-movie{background:linear-gradient(135deg,#754323,#4f2d18);border-color:#a56735}.tv-guide-v4-network .guide-program.kind-faith{background:linear-gradient(135deg,#46507e,#30375d);border-color:#6977ad}.tv-guide-v4-network .guide-program.kind-kids{background:linear-gradient(135deg,#8a4c66,#5f3448);border-color:#b56d89}.tv-guide-v4-network .guide-program.is-now{outline:2px solid #ef3340;outline-offset:-1px;border-color:#ff6973}.tv-guide-v4-network .guide-program strong{font-size:9px}.tv-guide-v4-network .guide-program span{font-size:7px;color:#c3d2e2}.guide-live-chip{position:absolute;right:5px;top:4px;padding:2px 4px;border-radius:4px;background:#d92232;color:#fff;font-size:6px;line-height:1}.tv-guide-v4-network .network-guide-nowline{background:#ef3340}.tv-guide-v4-network .network-guide-nowline:before{background:#ef3340;color:#fff;border-radius:3px;padding:2px 4px;top:2px;left:3px}
.tv-guide-v4-lower-grid{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.6fr);gap:12px}.tv-guide-v4-add-program form label{display:grid;gap:5px;color:#7f91a7;font-size:8px}.tv-guide-v4-selected-schedule{min-width:0}.tv-guide-v4-schedule-list{max-height:315px;overflow:auto}.tv-guide-v4-schedule-list .guide-row,.tv-guide-v4-master-calendar .guide-row{grid-template-columns:150px 1fr 95px auto;padding:9px 10px;border-color:#1d3047;background:#0a141f}.tv-guide-v4-schedule-list .guide-row strong,.tv-guide-v4-master-calendar .guide-row strong{font-size:9px}.tv-guide-v4-schedule-list .guide-row time,.tv-guide-v4-schedule-list .guide-row small,.tv-guide-v4-master-calendar .guide-row time,.tv-guide-v4-master-calendar .guide-row small{font-size:8px}.tv-guide-v4-master-calendar{max-height:330px;overflow:auto}
@media(max-width:1180px){.tv-guide-v4-toolbar{align-items:flex-start;flex-direction:column}.tv-guide-v4-tools{width:100%}.tv-guide-v4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tv-guide-v4-lower-grid{grid-template-columns:1fr}}
@media(max-width:760px){.tv-guide-v4-heading{align-items:flex-start;flex-direction:column}.tv-guide-v4-live-summary{width:100%}.tv-guide-v4-day-nav{width:100%}.tv-guide-v4-day-nav strong{flex:1;text-align:right}.tv-guide-v4-tools{display:grid;grid-template-columns:1fr 1fr}.tv-guide-v4-station{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr}.tv-guide-v4-station select{min-width:0;width:100%}.tv-guide-v4-tools #tvGuideStart{grid-column:1/-1}.tv-guide-v4-metrics{grid-template-columns:1fr 1fr}.tv-guide-v4-card-head{align-items:flex-start;flex-direction:column}.tv-guide-v4-legend{flex-wrap:wrap}.tv-guide-v4-schedule-list .guide-row,.tv-guide-v4-master-calendar .guide-row{grid-template-columns:1fr}.tv-guide-v4-schedule-list .guide-row button{justify-self:start}}
@media(max-width:480px){.tv-guide-v4-metrics{grid-template-columns:1fr}.tv-guide-v4-tools{grid-template-columns:1fr}.tv-guide-v4-tools>*{grid-column:1!important;width:100%}.tv-guide-v4-day-nav strong{min-width:0;font-size:10px}}


/* v2.11.53 UI-05 — VOD Library implementation */
.vod-ui05{max-width:1680px;margin:0 auto}.vod-ui05-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:2px 0 12px}.vod-ui05-heading .eyebrow{color:#5caaff;font-size:8px;font-weight:900;letter-spacing:.14em}.vod-ui05-heading h2{margin:3px 0 4px;font-size:25px;letter-spacing:-.035em}.vod-ui05-heading p{margin:0;color:#8393a9;font-size:11px}.vod-ui05-heading-actions{display:flex;gap:8px;flex-wrap:wrap}.vod-ui05-library-bar{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:12px;margin-bottom:12px;padding:11px 12px;border:1px solid #203149;border-radius:12px;background:linear-gradient(145deg,#0e1825,#09121d)}.vod-ui05-library-copy{display:grid;gap:2px;min-width:0}.vod-ui05-library-copy>span{color:#71849b;font-size:7px;font-weight:900;letter-spacing:.12em}.vod-ui05-library-copy>strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-ui05-library-copy>small{color:#6f829a;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-ui05-library-list{display:flex!important;align-items:stretch;gap:7px;max-height:none!important;overflow-x:auto!important;padding:1px 0 3px}.vod-ui05-library-list .station-btn{flex:0 0 auto;min-width:170px;padding:8px 10px;border-radius:9px}.vod-ui05-empty{margin-bottom:12px!important}
.vod-ui05-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}.vod-ui05-metrics article{position:relative;overflow:hidden;padding:11px 13px;border:1px solid #203149;border-radius:11px;background:linear-gradient(145deg,#0f1927,#0a131f)}.vod-ui05-metrics article:after{content:"";position:absolute;right:-30px;top:-45px;width:95px;height:95px;border-radius:50%;background:#237fff0d}.vod-ui05-metrics span{display:block;color:#72849b;font-size:7px;font-weight:900;letter-spacing:.1em}.vod-ui05-metrics strong{display:block;margin:4px 0 2px;font-size:19px}.vod-ui05-metrics small{color:#71839a;font-size:8px}
.vod-ui05-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px;padding:9px 10px;border:1px solid #203149;border-radius:11px;background:#0b1521}.vod-ui05-filter-tabs{display:flex;align-items:center;gap:5px;min-width:0;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.vod-ui05-filter-tabs>button,.vod-ui05-filter-tabs>span>button{appearance:none;min-height:31px;padding:6px 10px;border:1px solid #263a54;border-radius:8px;background:#0e1927;color:#8fa0b6;font-size:8px;font-weight:850;white-space:nowrap}.vod-ui05-filter-tabs>button:hover,.vod-ui05-filter-tabs>span>button:hover{border-color:#397bc3;color:#fff}.vod-ui05-filter-tabs button.active{border-color:#2578ff;background:linear-gradient(135deg,#1b68e8,#134fb4);color:#fff;box-shadow:0 6px 16px #105dd52e}.vod-ui05-filter-tabs>span{display:contents}.vod-ui05-search-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}.vod-ui05-search{display:flex;align-items:center;gap:7px;min-width:210px;padding:0 9px;border:1px solid #263a54;border-radius:8px;background:#09131f}.vod-ui05-search span{color:#7390b0}.vod-ui05-search input{min-height:31px!important;width:100%;padding:5px 0!important;border:0!important;background:transparent!important}.vod-ui05-search-tools select{min-height:33px!important;min-width:105px}
.vod-ui05-catalog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 8px}.vod-ui05-catalog-head>div:first-child{display:grid;gap:1px}.vod-ui05-catalog-head strong{font-size:12px}.vod-ui05-catalog-head small{color:#72849a;font-size:8px}.vod-ui05-public-status{display:flex!important;align-items:center;gap:6px!important;color:#6f8299;font-size:8px}.vod-ui05-public-status i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e14}
.managed-page .vod-ui05-grid,.vod-ui05-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;max-height:none!important;overflow:visible!important;margin-bottom:13px}.vod-ui05-grid>.empty{grid-column:1/-1}.vod-ui05-card{position:relative;overflow:hidden;min-width:0;border:1px solid #20354e;border-radius:11px;background:linear-gradient(180deg,#0f1a28,#0a131f);box-shadow:0 10px 24px #00000020;transition:transform .16s ease,border-color .16s ease}.vod-ui05-card:hover{transform:translateY(-2px);border-color:#356294}.vod-ui05-card-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 75% 20%,#2456a75c,transparent 34%),linear-gradient(135deg,#152944,#0a1420 60%,#141d2b)}.vod-ui05-card-art img{width:100%;height:100%;object-fit:cover}.vod-ui05-card-art.no-art:after{content:"FOKISEN  VOD";position:absolute;left:14px;bottom:14px;color:#dfeaff;font-size:10px;font-weight:900;letter-spacing:.15em}.vod-ui05-card-status{position:absolute;left:7px;top:7px;padding:3px 6px;border-radius:5px;background:#101b29dd;color:#b4c5d9;font-size:6px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.vod-ui05-card-status.ready{background:#108746e6;color:#effff5}.vod-ui05-card-status.processing,.vod-ui05-card-status.uploaded{background:#a96b12e6;color:#fff8e7}.vod-ui05-card-status.failed{background:#b4232ce6;color:#fff}.vod-ui05-card-duration{position:absolute;right:7px;bottom:7px;padding:3px 5px;border-radius:4px;background:#03070bc9;color:#fff;font-size:7px}.vod-ui05-card-body{padding:9px 10px 10px}.vod-ui05-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.vod-ui05-card-title-row strong{min-width:0;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vod-ui05-card-title-row time{flex:0 0 auto;color:#667991;font-size:6px}.vod-ui05-card-meta{display:block;margin:4px 0 7px;color:#71849b;font-size:7px;line-height:1.45;min-height:20px}.vod-ui05-card-fields{display:grid;grid-template-columns:1fr;gap:5px}.vod-ui05-card-fields select{min-height:30px!important;padding:4px 7px!important;font-size:7px}.vod-ui05-card-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:5px;margin-top:7px}.vod-ui05-card-actions button,.vod-ui05-card-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:5px 7px;border:1px solid #2b405b;border-radius:7px;background:#101b29;color:#a9bbd0;text-decoration:none;font-size:7px;font-weight:850}.vod-ui05-card-actions a.primary-action{border-color:#1d68db;background:#1557be;color:#fff}.vod-ui05-card-actions .danger{border-color:#6a2930;color:#ff8990;background:#241216}.vod-ui05-card-actions .disabled{opacity:.45;pointer-events:none}
.vod-ui05-management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vod-ui05-management-grid>.panel{margin-bottom:0!important}.vod-ui05-management-grid .panel-head>div{display:grid;gap:2px}.vod-ui05-management-grid .panel-head p{margin:0;color:#71839a;font-size:8px}.vod-ui05-upload-panel{border-color:#27517d!important}.vod-ui05-upload-panel label{display:grid;gap:5px;color:#8092a8;font-size:8px}.vod-ui05-file-drop{padding:9px;border:1px dashed #345779;border-radius:9px;background:#0a1522}.vod-ui05-file-drop input{min-height:32px!important;padding:4px!important}.vod-ui05-file-drop>span{color:#6f8299;font-size:7px}.vod-ui05-upload-status{display:block;margin-top:7px;color:#73a9df}.vod-ui05-small-list,.vod-ui05-job-list{max-height:235px!important}.vod-ui05-small-list .mini-item,.vod-ui05-job-list .mini-item{padding:8px 9px}.vod-ui05-job-progress{height:5px;margin-top:5px;border-radius:999px;background:#18263a;overflow:hidden}.vod-ui05-job-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#176bea,#25a4ff)}
@media(max-width:1100px){.vod-ui05-library-bar{grid-template-columns:1fr}.vod-ui05-toolbar{align-items:stretch;flex-direction:column}.vod-ui05-search-tools{width:100%}.vod-ui05-search{flex:1}.vod-ui05-management-grid{grid-template-columns:1fr}}
@media(max-width:760px){.vod-ui05-heading{align-items:flex-start;flex-direction:column}.vod-ui05-heading-actions{width:100%}.vod-ui05-heading-actions button{flex:1}.vod-ui05-metrics{grid-template-columns:1fr 1fr}.vod-ui05-search-tools{display:grid;grid-template-columns:1fr auto}.vod-ui05-search{min-width:0}.managed-page .vod-ui05-grid,.vod-ui05-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vod-ui05-card-actions{grid-template-columns:1fr 1fr}.vod-ui05-card-actions .danger{grid-column:1/-1}}
@media(max-width:500px){.vod-ui05-metrics{grid-template-columns:1fr 1fr}.managed-page .vod-ui05-grid,.vod-ui05-grid{grid-template-columns:1fr}.vod-ui05-search-tools{grid-template-columns:1fr}.vod-ui05-search-tools select{width:100%}}

/* ===== Fokisen Streaming UI-06 Radio Manager ===== */
.radio-ui06{--r6-card:#0b1623;--r6-card2:#0e1c2c;--r6-line:#20334a;--r6-muted:#8193aa;--r6-blue:#208cff;--r6-green:#22c55e;--r6-red:#ef3340;--r6-amber:#f6b73c;padding-bottom:48px}.radio-ui06-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.radio-ui06-title{display:flex;align-items:center;gap:14px}.radio-ui06-page-number{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#184ed8,#297dff);font-weight:900;font-size:18px;box-shadow:0 8px 22px rgba(32,140,255,.25)}.radio-ui06-title h2{font-size:28px;margin:1px 0 3px}.radio-ui06-title p{margin:0;color:var(--r6-muted);max-width:780px}.radio-ui06-add{min-width:132px}.radio-ui06-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.radio-ui06-summary article{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b1624,#0c1a2a);border:1px solid var(--r6-line);border-radius:15px;padding:15px 17px;min-height:103px}.radio-ui06-summary article:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(32,140,255,.17),transparent 67%);right:-45px;top:-45px}.radio-ui06-summary span{display:block;color:#91a1b6;font-size:11px;font-weight:800;letter-spacing:.08em}.radio-ui06-summary strong{display:block;font-size:25px;margin-top:7px}.radio-ui06-summary small{display:block;color:#6f8299;margin-top:2px}.radio-ui06-summary b{position:absolute;right:16px;bottom:15px;color:#2e8dff;font-size:25px;opacity:.85}.radio-ui06-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:14px;align-items:start}.radio-ui06-card{background:linear-gradient(145deg,var(--r6-card),#09131f);border:1px solid var(--r6-line);border-radius:16px;padding:14px;box-shadow:0 10px 32px rgba(0,0,0,.16)}.radio-ui06-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.radio-ui06-card-head h3,.radio-ui06-card-head p{margin:0}.radio-ui06-card-head h3{font-size:16px}.radio-ui06-card-head p,.radio-ui06-card-head small{color:var(--r6-muted)}.radio-ui06-small-status,.radio-ui06-health{font-size:10px;font-weight:900;letter-spacing:.07em;padding:5px 8px;border:1px solid #235072;border-radius:999px;color:#68b6ff;background:#0b253d}.radio-ui06-stations-panel{position:sticky;top:84px;min-height:390px}.radio-ui06-station-list{display:grid;gap:8px}.radio-ui06-station-list .station-btn{width:100%;text-align:left;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid #1b3046;border-radius:12px;background:#0a1420}.radio-ui06-station-list .station-btn:before{content:"♫";display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#102740;color:#51a8ff;font-size:17px}.radio-ui06-station-list .station-btn strong,.radio-ui06-station-list .station-btn small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-ui06-station-list .station-btn small{color:#72859b;margin-top:3px}.radio-ui06-station-list .station-btn.active{border-color:#237dff;background:linear-gradient(135deg,#102b51,#0b1f3b);box-shadow:0 0 0 1px rgba(32,140,255,.16) inset}.radio-ui06-workspace{min-width:0}.radio-ui06-empty{text-align:center;padding:72px 30px}.radio-ui06-empty-icon{font-size:48px;color:#268dff}.radio-ui06-empty h2{margin:12px 0 5px}.radio-ui06-empty p{max-width:600px;margin:auto;color:var(--r6-muted)}.radio-ui06-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.8fr);gap:14px}.radio-ui06-onair{padding:15px}.radio-ui06-live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--r6-green);box-shadow:0 0 0 5px rgba(34,197,94,.1);margin-right:8px}.radio-ui06-live-pill{padding:5px 9px;border-radius:7px;background:#0d3422;color:#63df91;border:1px solid #1b6540;font-size:10px;font-weight:900;letter-spacing:.06em}.radio-ui06-now-main{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center;padding:10px 0 16px}.radio-ui06-art-shell{position:relative;aspect-ratio:1;border-radius:15px;overflow:hidden;background:linear-gradient(135deg,#10253c,#08101a);border:1px solid #274461}.radio-ui06-art-shell img{display:block;width:100%;height:100%;object-fit:cover}.radio-ui06-art-live{position:absolute;left:9px;top:9px;background:#e82e3d;color:#fff;font-size:10px;font-weight:900;padding:4px 7px;border-radius:5px}.radio-ui06-now-copy h2{font-size:28px;margin:4px 0 3px;line-height:1.08}.radio-ui06-now-copy>p{font-size:17px;color:#9db0c7;margin:0 0 12px}.radio-ui06-now-meta{display:flex;gap:7px;flex-wrap:wrap}.radio-ui06-now-meta span{padding:5px 8px;border:1px solid #24415e;border-radius:999px;background:#0a1927;color:#9fc6eb;font-size:11px}.radio-ui06-station-name{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1a2c40;border-bottom:1px solid #1a2c40;padding:11px 0;margin-bottom:12px}.radio-ui06-station-name span,.radio-ui06-station-name small{display:block;color:#74879d}.radio-ui06-station-name strong{display:block;margin:2px 0}.radio-ui06-station-name small{max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-ui06-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.radio-ui06-hero-actions button{min-height:38px}.radio-ui06-control-card{display:flex;flex-direction:column}.radio-ui06-engine-metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid #1b3046;border-radius:12px;overflow:hidden;margin-bottom:12px}.radio-ui06-engine-metrics div{padding:11px;border-bottom:1px solid #1b3046}.radio-ui06-engine-metrics div:nth-child(odd){border-right:1px solid #1b3046}.radio-ui06-engine-metrics div:nth-last-child(-n+2){border-bottom:0}.radio-ui06-engine-metrics span{display:block;color:#7589a0;font-size:10px;text-transform:uppercase}.radio-ui06-engine-metrics strong{display:block;margin-top:3px}.radio-ui06-worker-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.radio-ui06-worker-controls .tiny{min-height:32px}.radio-ui06-engine-card{margin-top:auto}.radio-ui06-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.radio-ui06-shortcuts button{padding:8px 6px;border:1px solid #1f3953;background:#0a1724;color:#b9cee3;border-radius:9px;font-size:11px}.radio-ui06-mid-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.radio-ui06-recent-list{max-height:265px;overflow:auto}.radio-ui06-recent-list .mini-item{background:#091522;border:1px solid #1b3046;border-radius:10px}.radio-ui06-analytics-card .analytics-grid{min-height:200px}.radio-ui06-drawer{border:1px solid var(--r6-line);border-radius:16px;background:#08131f;margin-top:14px;overflow:hidden}.radio-ui06-drawer>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg,#0b1826,#0a1522)}.radio-ui06-drawer>summary::-webkit-details-marker{display:none}.radio-ui06-drawer>summary span{display:flex;flex-direction:column}.radio-ui06-drawer>summary small{color:#72859b;margin-top:2px}.radio-ui06-drawer>summary b{color:#7caee0}.radio-ui06-drawer[open]>summary{border-bottom:1px solid var(--r6-line)}.radio-ui06-drawer>.radio-ui06-card{border:0;border-radius:0;box-shadow:none;background:#09131f}.radio-ui06 .radio-studio-panel audio{width:100%;margin-bottom:12px}.radio-ui06-meters{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.radio-ui06-meters>div{background:#07111c;border:1px solid #1b3046;border-radius:10px;padding:9px 11px}.radio-ui06-meters meter{width:100%}.radio-ui06-console-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.radio-ui06-console-grid .console-strip{background:#081522;border:1px solid #1b3046;border-radius:12px;padding:11px}.radio-ui06-console-grid .console-strip>strong{font-size:13px}.radio-ui06-console-grid select{width:100%;margin:8px 0}.radio-ui06-console-grid label{font-size:11px;color:#8ca0b7}.radio-ui06-console-grid input[type=range]{width:100%}.radio-ui06-studio-bottom{display:grid;grid-template-columns:.75fr 1.25fr;gap:12px;margin-top:12px}.radio-ui06-studio-bottom .panel-sub{margin:0;background:#07111c;border:1px solid #1b3046;border-radius:12px;padding:11px}.radio-ui06 .cart-wall{grid-template-columns:repeat(3,1fr)}.radio-ui06-programming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px}.radio-ui06-programming-grid .radio-ui06-card{box-shadow:none;background:#091522}.radio-ui06-programming-grid .mini-list{max-height:330px;overflow:auto}.radio-ui06-count{font-size:10px;padding:5px 8px;border-radius:999px;background:#10253b;color:#79baff}.radio-ui06-player-grid{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(0,1.2fr);gap:16px}.radio-ui06-player-grid iframe{width:100%;min-height:500px;border:1px solid #203551;border-radius:14px;background:#050b14}.radio-ui06 .checks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.radio-ui06 .checks label{font-size:12px}.radio-ui06 .eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:900;color:#509fe8}
@media(max-width:1180px){.radio-ui06-summary{grid-template-columns:repeat(2,1fr)}.radio-ui06-layout{grid-template-columns:210px minmax(0,1fr)}.radio-ui06-hero-grid{grid-template-columns:1fr}.radio-ui06-control-card{min-height:auto}.radio-ui06-console-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.radio-ui06-heading{align-items:flex-start}.radio-ui06-layout{display:block}.radio-ui06-stations-panel{position:relative;top:auto;margin-bottom:12px}.radio-ui06-station-list{display:flex;overflow:auto}.radio-ui06-station-list .station-btn{min-width:210px}.radio-ui06-mid-grid,.radio-ui06-programming-grid,.radio-ui06-player-grid,.radio-ui06-studio-bottom{grid-template-columns:1fr}.radio-ui06-now-main{grid-template-columns:110px 1fr}.radio-ui06-now-copy h2{font-size:22px}}
@media(max-width:560px){.radio-ui06-heading{display:block}.radio-ui06-add{margin-top:12px;width:100%}.radio-ui06-summary{grid-template-columns:1fr 1fr}.radio-ui06-summary article{padding:12px;min-height:92px}.radio-ui06-summary strong{font-size:20px}.radio-ui06-title p{display:none}.radio-ui06-hero-actions{display:grid;grid-template-columns:1fr 1fr}.radio-ui06-hero-actions .go-live{grid-column:1/-1}.radio-ui06-console-grid{grid-template-columns:1fr}.radio-ui06-now-main{grid-template-columns:90px 1fr;gap:12px}.radio-ui06-now-copy h2{font-size:19px}.radio-ui06-now-meta span:nth-child(3){display:none}.radio-ui06-shortcuts{grid-template-columns:1fr}.radio-ui06-meters{grid-template-columns:1fr}}
.radio-ui06-station-copy{min-width:0}.radio-ui06-station-copy strong,.radio-ui06-station-copy small{display:block}.radio-ui06-station-copy small{margin-top:3px}


/* UI-07 Media Library */
.media-ui07{--m7-line:#1d3044;--m7-card:#0a1522;--m7-card2:#0c1a29;--m7-muted:#7d90a8;--m7-blue:#208cff;--m7-green:#22c55e;--m7-red:#ef3340}.media-ui07-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.media-ui07-title h2{font-size:27px;margin:2px 0 4px}.media-ui07-title p{color:var(--m7-muted);margin:0}.media-ui07-head-actions{display:flex;gap:8px}.media-ui07-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.media-ui07-summary article{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b1624,#0c1a2a);border:1px solid var(--m7-line);border-radius:15px;padding:14px 16px;min-height:96px}.media-ui07-summary article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(32,140,255,.16),transparent 70%);right:-38px;top:-40px}.media-ui07-summary span{display:block;color:#8c9eb3;font-size:10px;font-weight:900;letter-spacing:.08em}.media-ui07-summary strong{display:block;font-size:23px;margin-top:6px}.media-ui07-summary small{display:block;color:#6f8299;margin-top:2px}.media-ui07-summary b{position:absolute;right:15px;bottom:13px;color:#2e8dff;font-size:24px;opacity:.88}.media-ui07-upload{border:1px solid var(--m7-line);border-radius:15px;background:#08131f;margin-bottom:14px;overflow:hidden}.media-ui07-upload>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:linear-gradient(135deg,#0b1826,#0a1522)}.media-ui07-upload>summary::-webkit-details-marker{display:none}.media-ui07-upload>summary span{display:flex;flex-direction:column}.media-ui07-upload>summary small{color:#71859c;margin-top:2px}.media-ui07-upload>summary b{color:#62aaff;font-size:20px}.media-ui07-upload[open]>summary{border-bottom:1px solid var(--m7-line)}.media-ui07-upload-form{display:grid;grid-template-columns:150px 1fr 1fr 1fr;gap:10px;padding:14px}.media-ui07-upload-form label{font-size:11px;color:#8ca0b7}.media-ui07-upload-form label>*{margin-top:5px;width:100%}.media-ui07-file{grid-column:1/-2;border:1px dashed #2b4b68;border-radius:12px;padding:10px 12px;background:#07111c}.media-ui07-file small{display:block;color:#637991;margin-top:5px}.media-ui07-upload-action{align-self:end;display:grid;gap:5px}.media-ui07-upload-action small{color:#79a8d6;min-height:16px}.media-ui07-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.media-ui07-filters{display:flex;gap:5px;flex-wrap:wrap}.media-ui07-filters button,.media-ui07-view button{border:1px solid #1e354c;background:#091521;color:#90a5bb;border-radius:9px;padding:8px 11px}.media-ui07-filters button.active,.media-ui07-view button.active{border-color:#237dff;background:#102b51;color:#d9edff}.media-ui07-tools{display:flex;gap:7px;align-items:center}.media-ui07-tools input{min-width:220px}.media-ui07-view{display:flex;gap:3px}.media-ui07-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;align-items:start}.media-ui07-catalog,.media-ui07-inspector{background:linear-gradient(145deg,var(--m7-card),#09131f);border:1px solid var(--m7-line);border-radius:16px;padding:14px}.media-ui07-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.media-ui07-result-head div{display:flex;flex-direction:column}.media-ui07-result-head small,.media-ui07-result-head>span{color:#74879d}.media-ui07-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.media-ui07-item{min-width:0;border:1px solid #1a3046;border-radius:13px;overflow:hidden;background:#08131f;transition:border-color .15s,transform .15s}.media-ui07-item:hover{border-color:#2c5f8c;transform:translateY(-1px)}.media-ui07-item.selected{border-color:#268dff;box-shadow:0 0 0 1px rgba(38,141,255,.17) inset}.media-ui07-thumb{position:relative;aspect-ratio:16/9;background:#050b12;overflow:hidden}.media-ui07-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-ui07-generic{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:5px;background:radial-gradient(circle at 50% 30%,#183a5b,#07111c 68%);color:#72b7ff}.media-ui07-generic b{font-size:32px}.media-ui07-generic small{font-size:9px;letter-spacing:.08em}.media-ui07-generic-audio{background:radial-gradient(circle at 50% 35%,#2c2057,#0b1122 70%);color:#ba91ff}.media-ui07-kind,.media-ui07-duration{position:absolute;top:8px;padding:4px 6px;border-radius:5px;font-size:9px;font-weight:900;letter-spacing:.05em;background:rgba(5,11,18,.83);border:1px solid rgba(255,255,255,.14)}.media-ui07-kind{left:8px;color:#9fd0ff}.media-ui07-duration{right:8px;color:#fff}.media-ui07-item-copy{padding:10px 11px 8px}.media-ui07-item-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-ui07-item-copy>small{display:block;color:#71849a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.media-ui07-item-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.media-ui07-item-meta span{font-size:9px;padding:3px 5px;border:1px solid #213b55;border-radius:999px;color:#82a6c8;background:#0a1927}.media-ui07-item-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 8px 9px}.media-ui07-item-actions .tiny{padding:6px 4px;font-size:9px}.media-ui07-grid.list-view{display:grid;grid-template-columns:1fr}.media-ui07-grid.list-view .media-ui07-item{display:grid;grid-template-columns:150px minmax(0,1fr) 260px;align-items:center}.media-ui07-grid.list-view .media-ui07-thumb{aspect-ratio:16/8}.media-ui07-grid.list-view .media-ui07-item-actions{padding:8px;align-self:stretch;align-items:center}.media-ui07-empty{grid-column:1/-1;min-height:310px;display:grid;place-items:center;align-content:center;text-align:center;color:#6f8299}.media-ui07-empty b{font-size:44px;color:#2d76b5}.media-ui07-empty strong{color:#c0d0df;margin-top:8px}.media-ui07-empty small{margin-top:3px}.media-ui07-inspector{position:sticky;top:84px}.media-ui07-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.media-ui07-inspector-head h3{margin:2px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:235px}.media-ui07-type{font-size:9px;padding:5px 7px;border:1px solid #285074;border-radius:999px;color:#7fc0ff;background:#0b2135}.media-ui07-preview{aspect-ratio:16/10;border:1px solid #20364d;border-radius:12px;overflow:hidden;background:#050b12;margin-bottom:10px}.media-ui07-preview video,.media-ui07-preview img{width:100%;height:100%;object-fit:contain;background:#050b12}.media-ui07-preview-empty{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:6px;color:#71849a;text-align:center;padding:18px}.media-ui07-preview-empty b{font-size:35px;color:#2f79b9}.media-ui07-preview-empty a{color:#69b4ff}.media-ui07-audio-preview{height:100%;display:grid;place-items:center;align-content:center;padding:14px}.media-ui07-audio-preview>b{font-size:40px;color:#a881ff}.media-ui07-audio-preview strong{margin:4px 0 10px}.media-ui07-audio-preview audio{width:100%}.media-ui07-inspector>select{width:100%;margin-bottom:9px}.media-ui07-inspector-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.media-ui07-inspector-fields label{font-size:10px;color:#8498ae}.media-ui07-inspector-fields label>*{width:100%;margin-top:4px}.media-ui07-inspector-fields .wide{grid-column:1/-1}.media-ui07-inspector-fields textarea{min-height:62px}.media-ui07-meta{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0}.media-ui07-meta span{font-size:9px;padding:4px 6px;border-radius:999px;border:1px solid #213b55;color:#8baccc}.media-ui07-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.media-ui07-inspector-actions button{min-height:34px}.media-ui07-caption{margin-top:11px;padding-top:11px;border-top:1px solid #1b3046;display:grid;grid-template-columns:1fr 70px;gap:6px}.media-ui07-caption>div{grid-column:1/-1}.media-ui07-caption strong,.media-ui07-caption small{display:block}.media-ui07-caption small{color:#6f8299}.media-ui07-caption #mcCaptionFile{grid-column:1/-1}.media-ui07-caption button{grid-column:1/-1}.media-ui07-captions{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.media-ui07-captions span{font-size:9px;border:1px solid #245074;border-radius:999px;padding:4px 6px;color:#8fc7f7}.media-ui07-captions small{color:#6e8298}
@media(max-width:1280px){.media-ui07-summary{grid-template-columns:repeat(3,1fr)}.media-ui07-layout{grid-template-columns:minmax(0,1fr) 310px}.media-ui07-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-ui07-upload-form{grid-template-columns:130px 1fr 1fr}.media-ui07-file{grid-column:1/-1}.media-ui07-upload-action{grid-column:1/-1;display:flex;align-items:center;gap:10px}}
@media(max-width:920px){.media-ui07-layout{grid-template-columns:1fr}.media-ui07-inspector{position:relative;top:auto}.media-ui07-toolbar{align-items:flex-start;flex-direction:column}.media-ui07-tools{width:100%}.media-ui07-tools input{min-width:0;flex:1}.media-ui07-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-ui07-grid.list-view .media-ui07-item{grid-template-columns:120px minmax(0,1fr)}.media-ui07-grid.list-view .media-ui07-item-actions{grid-column:1/-1}}
@media(max-width:620px){.media-ui07-heading{display:block}.media-ui07-head-actions{margin-top:10px}.media-ui07-summary{grid-template-columns:1fr 1fr}.media-ui07-summary article{min-height:90px}.media-ui07-summary article:last-child{grid-column:1/-1}.media-ui07-upload-form{grid-template-columns:1fr}.media-ui07-toolbar{gap:8px}.media-ui07-tools{display:grid;grid-template-columns:1fr 120px auto}.media-ui07-grid{grid-template-columns:1fr}.media-ui07-item-actions{grid-template-columns:1fr 1fr}.media-ui07-grid.list-view .media-ui07-item{display:block}.media-ui07-inspector-fields{grid-template-columns:1fr}.media-ui07-inspector-fields .wide{grid-column:1}.media-ui07-inspector-actions{grid-template-columns:1fr 1fr}}


/* ============================================================
   Fokisen Streaming UI-08 — Playlists
   Frontend-only manager built on stable v2.11.53 / UI-07.
   ============================================================ */
#playlists.playlists-ui08{padding:18px;max-width:none;background:radial-gradient(circle at 45% 0%,rgba(35,111,236,.09),transparent 34%)}
.playlist-ui08-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.playlist-ui08-heading h2{font-size:27px;margin:3px 0 5px}.playlist-ui08-heading p{margin:0;color:#7d90a8}.playlist-ui08-head-actions{display:flex;gap:8px}.playlist-ui08-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.playlist-ui08-summary article{position:relative;min-height:94px;padding:14px 50px 12px 15px;border:1px solid #1c3046;border-radius:14px;background:linear-gradient(145deg,#0a1624,#08131f);overflow:hidden}.playlist-ui08-summary article:after{content:"";position:absolute;right:-42px;top:-48px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(32,140,255,.14),transparent 70%)}.playlist-ui08-summary span{display:block;font-size:10px;letter-spacing:.08em;color:#8497ad;font-weight:900}.playlist-ui08-summary strong{display:block;font-size:24px;color:#f4f8ff;margin:7px 0 2px}.playlist-ui08-summary small{color:#6e8198}.playlist-ui08-summary b{position:absolute;right:16px;bottom:14px;color:#2b8dff;font-size:24px}.playlist-ui08-summary article:nth-child(2) b{color:#28cc72}.playlist-ui08-summary article:nth-child(4) b{color:#b07cff}
.playlist-ui08-create{border:1px solid #1b3046;border-radius:14px;background:#08131f;margin-bottom:13px;overflow:hidden}.playlist-ui08-create summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#0b1826,#091521)}.playlist-ui08-create summary::-webkit-details-marker{display:none}.playlist-ui08-create summary span{display:flex;flex-direction:column}.playlist-ui08-create summary small{color:#73869b;margin-top:2px}.playlist-ui08-create summary b{color:#66afff;font-size:20px}.playlist-ui08-create[open] summary{border-bottom:1px solid #1b3046}.playlist-ui08-create-form{display:grid;grid-template-columns:1.2fr 1.4fr 1fr auto auto;gap:9px;align-items:end;padding:13px}.playlist-ui08-create-form label{font-size:10px;color:#879bb2}.playlist-ui08-create-form label>*{width:100%;margin-top:5px}.playlist-ui08-create-form .playlist-ui08-loop{display:flex;align-items:center;gap:7px;padding:8px 0;font-size:11px}.playlist-ui08-create-form .playlist-ui08-loop input{width:auto;margin:0}.playlist-ui08-create-form button{min-height:38px}
.playlist-ui08-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.playlist-ui08-filters{display:flex;gap:5px;flex-wrap:wrap}.playlist-ui08-filters button{border:1px solid #20374e;border-radius:9px;background:#091521;color:#8ea3ba;padding:8px 12px}.playlist-ui08-filters button.active{border-color:#247fff;background:#102b51;color:#e0efff}.playlist-ui08-tools{display:flex;gap:7px}.playlist-ui08-tools select{min-width:190px}.playlist-ui08-tools input{min-width:220px}
.playlist-ui08-layout{display:grid;grid-template-columns:minmax(400px,.86fr) minmax(560px,1.14fr);gap:13px;align-items:start}.playlist-ui08-library,.playlist-ui08-builder{border:1px solid #1b3046;border-radius:15px;background:linear-gradient(145deg,#0a1522,#08121d);box-shadow:0 12px 32px rgba(0,0,0,.12)}.playlist-ui08-library{padding:13px}.playlist-ui08-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;padding:0 2px}.playlist-ui08-card-head>div{display:flex;flex-direction:column}.playlist-ui08-card-head strong{font-size:11px;letter-spacing:.06em}.playlist-ui08-card-head small,.playlist-ui08-card-head>span{color:#71849a;font-size:10px}.playlist-ui08-list{display:grid;gap:7px}.playlist-ui08-row{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto 14px;align-items:center;gap:10px;text-align:left;border:1px solid #1a2d42;border-radius:11px;background:#08131f;color:#dce8f6;padding:10px 11px;transition:border-color .15s,background .15s,transform .15s}.playlist-ui08-row:hover{border-color:#315a7c;transform:translateY(-1px)}.playlist-ui08-row.selected{border-color:#2587f7;background:linear-gradient(110deg,#0c223b,#091521)}.playlist-ui08-type{display:grid;place-items:center;min-height:34px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid #274a6b;color:#8ec9ff;background:#0c2134}.playlist-ui08-type.radio{border-color:#503c7b;color:#c2a1ff;background:#18132c}.playlist-ui08-row-copy{min-width:0}.playlist-ui08-row-copy strong,.playlist-ui08-row-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-ui08-row-copy small{color:#75889f;margin-top:3px}.playlist-ui08-row-state{font-size:9px;font-weight:900;color:#8295aa;border:1px solid #263b50;padding:5px 7px;border-radius:999px}.playlist-ui08-row-state.active{color:#5fe79a;border-color:#22653e;background:#0c2b1a}.playlist-ui08-row>b{color:#688199;font-size:18px}.playlist-ui08-empty{min-height:250px;display:grid;place-items:center;align-content:center;text-align:center;color:#71849a;padding:30px}.playlist-ui08-empty b{font-size:42px;color:#2d77b8}.playlist-ui08-empty strong{color:#c9d6e4;margin-top:7px}.playlist-ui08-empty small{margin-top:3px}.playlist-ui08-empty.compact{min-height:170px}
.playlist-ui08-builder{position:sticky;top:84px;padding:14px}.playlist-ui08-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.playlist-ui08-builder-head h3{font-size:20px;margin:3px 0}.playlist-ui08-builder-head p{margin:0;color:#74879d}.playlist-ui08-status{font-size:9px;font-weight:900;border:1px solid #2b4156;border-radius:999px;padding:6px 8px;color:#8294a7}.playlist-ui08-status.active{color:#5ee596;border-color:#266744;background:#0d291a}.playlist-ui08-stats{display:grid;grid-template-columns:90px 110px minmax(0,1fr);gap:7px;margin:12px 0}.playlist-ui08-stats>div{min-width:0;border:1px solid #1c3147;border-radius:10px;background:#091521;padding:9px 10px}.playlist-ui08-stats span,.playlist-ui08-stats strong{display:block}.playlist-ui08-stats span{font-size:9px;color:#72859a;text-transform:uppercase}.playlist-ui08-stats strong{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-ui08-add-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin-bottom:10px}.playlist-ui08-items{border:1px solid #1b3045;border-radius:11px;background:#07111c;overflow:hidden;max-height:480px;overflow-y:auto}.playlist-ui08-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 10px;border-bottom:1px solid #162a3e}.playlist-ui08-item:last-child{border-bottom:0}.playlist-ui08-item>span{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;color:#4f9cff}.playlist-ui08-item>div:nth-child(2){min-width:0}.playlist-ui08-item strong,.playlist-ui08-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-ui08-item small{color:#71849a;margin-top:2px}.playlist-ui08-item>div:last-child{display:flex;gap:4px}.playlist-ui08-builder-actions{display:grid;grid-template-columns:1.2fr 1fr auto;gap:7px;margin-top:11px}.playlist-ui08-builder-actions button{min-height:37px}.playlist-ui08-note{margin-top:9px;padding:9px 10px;border-left:3px solid #2c83e9;border-radius:7px;background:#091827;color:#7f94aa;font-size:10px;line-height:1.45}
@media(max-width:1100px){.playlist-ui08-layout{grid-template-columns:1fr}.playlist-ui08-builder{position:relative;top:auto}.playlist-ui08-summary{grid-template-columns:repeat(2,1fr)}.playlist-ui08-create-form{grid-template-columns:1fr 1fr 1fr}.playlist-ui08-create-form button{grid-column:auto}.playlist-ui08-loop{align-self:center}}
@media(max-width:720px){.playlist-ui08-heading{display:block}.playlist-ui08-head-actions{margin-top:10px}.playlist-ui08-summary{grid-template-columns:1fr 1fr}.playlist-ui08-toolbar{align-items:flex-start;flex-direction:column}.playlist-ui08-tools{width:100%;display:grid;grid-template-columns:1fr 1fr}.playlist-ui08-tools select,.playlist-ui08-tools input{min-width:0;width:100%}.playlist-ui08-create-form{grid-template-columns:1fr}.playlist-ui08-row{grid-template-columns:50px minmax(0,1fr);}.playlist-ui08-row-state,.playlist-ui08-row>b{display:none}.playlist-ui08-builder-actions{grid-template-columns:1fr 1fr}.playlist-ui08-builder-actions .danger{grid-column:1/-1}.playlist-ui08-stats{grid-template-columns:1fr 1fr}.playlist-ui08-stats>div:last-child{grid-column:1/-1}.playlist-ui08-item{grid-template-columns:28px minmax(0,1fr)}.playlist-ui08-item>div:last-child{grid-column:1/-1;justify-content:flex-end}.playlist-ui08-add-row{grid-template-columns:1fr}.playlist-ui08-summary article{min-height:88px}}


/* ============================================================
   Fokisen Streaming UI-09 — Schedules
   Frontend-only scheduling workspace on stable v2.11.53 / UI-08.
   ============================================================ */
#schedules.schedules-ui09{padding:18px;max-width:none;background:radial-gradient(circle at 40% 0%,rgba(64,123,255,.08),transparent 32%)}
.schedule-ui09-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.schedule-ui09-heading h2{font-size:27px;margin:3px 0 5px}.schedule-ui09-heading p{margin:0;color:#7d90a8}.schedule-ui09-head-actions{display:flex;gap:8px}.schedule-ui09-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.schedule-ui09-summary article{position:relative;min-height:94px;padding:14px 50px 12px 15px;border:1px solid #1c3046;border-radius:14px;background:linear-gradient(145deg,#0a1624,#08131f);overflow:hidden}.schedule-ui09-summary article:after{content:"";position:absolute;right:-42px;top:-48px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(32,140,255,.14),transparent 70%)}.schedule-ui09-summary span{display:block;font-size:10px;letter-spacing:.08em;color:#8497ad;font-weight:900}.schedule-ui09-summary strong{display:block;font-size:24px;color:#f4f8ff;margin:7px 0 2px}.schedule-ui09-summary small{color:#6e8198}.schedule-ui09-summary b{position:absolute;right:16px;bottom:14px;color:#2b8dff;font-size:24px}.schedule-ui09-summary article:nth-child(2) b{color:#28cc72}.schedule-ui09-summary article:nth-child(4) b{color:#b07cff}
.schedule-ui09-create{border:1px solid #1b3046;border-radius:14px;background:#08131f;margin-bottom:13px;overflow:hidden}.schedule-ui09-create summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#0b1826,#091521)}.schedule-ui09-create summary::-webkit-details-marker{display:none}.schedule-ui09-create summary span{display:flex;flex-direction:column}.schedule-ui09-create summary small{color:#73869b;margin-top:2px}.schedule-ui09-create summary b{color:#66afff;font-size:20px}.schedule-ui09-create[open] summary{border-bottom:1px solid #1b3046}.schedule-ui09-create-form{display:grid;grid-template-columns:1.25fr 1fr 1.2fr 1.25fr repeat(4,.8fr) auto;gap:8px;align-items:end;padding:13px}.schedule-ui09-create-form label{font-size:10px;color:#879bb2;margin:0}.schedule-ui09-create-form label>*{width:100%;margin-top:5px}.schedule-ui09-create-form button{min-height:38px}
.schedule-ui09-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.schedule-ui09-filters{display:flex;gap:5px;flex-wrap:wrap}.schedule-ui09-filters button{border:1px solid #20374e;border-radius:9px;background:#091521;color:#8ea3ba;padding:8px 12px}.schedule-ui09-filters button.active{border-color:#247fff;background:#102b51;color:#e0efff}.schedule-ui09-tools{display:flex;gap:7px}.schedule-ui09-tools select{min-width:190px}.schedule-ui09-tools input{min-width:220px}
.schedule-ui09-calendar-card,.schedule-ui09-library,.schedule-ui09-inspector{border:1px solid #1b3046;border-radius:15px;background:linear-gradient(145deg,#0a1522,#08121d);box-shadow:0 12px 32px rgba(0,0,0,.12)}.schedule-ui09-calendar-card{padding:12px;margin-bottom:13px}.schedule-ui09-calendar-head,.schedule-ui09-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.schedule-ui09-calendar-head>div:first-child,.schedule-ui09-card-head>div{display:flex;flex-direction:column}.schedule-ui09-calendar-head strong,.schedule-ui09-card-head strong{font-size:11px;letter-spacing:.06em}.schedule-ui09-calendar-head small,.schedule-ui09-card-head small,.schedule-ui09-card-head>span{font-size:10px;color:#71849a}.schedule-ui09-calendar-head>div:last-child{display:flex;gap:5px}.schedule-ui09-week{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:7px;overflow-x:auto;padding-bottom:3px}.schedule-ui09-day{min-width:130px;min-height:170px;border:1px solid #182d42;border-radius:10px;background:#07131e;padding:8px}.schedule-ui09-day.today{border-color:#2887f3;background:#0a1b2c}.schedule-ui09-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.schedule-ui09-day-head strong{font-size:10px;letter-spacing:.05em}.schedule-ui09-day-head span{font-size:10px;color:#71849a}.schedule-ui09-day-items{display:grid;gap:5px}.schedule-ui09-chip{border:1px solid #23405b;border-left:3px solid #2c8cf7;border-radius:7px;background:#0a1a29;padding:6px;text-align:left;color:#dbe8f7;min-width:0}.schedule-ui09-chip.radio{border-left-color:#a875ff}.schedule-ui09-chip.recurring{border-style:dashed;border-left-style:solid}.schedule-ui09-chip strong,.schedule-ui09-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-ui09-chip strong{font-size:10px}.schedule-ui09-chip small{font-size:8px;color:#7590aa;margin-top:2px}.schedule-ui09-day-empty{padding:16px 2px;color:#4e6379;font-size:9px;text-align:center}
.schedule-ui09-layout{display:grid;grid-template-columns:minmax(430px,1fr) minmax(390px,.72fr);gap:13px;align-items:start}.schedule-ui09-library{padding:13px}.schedule-ui09-list{display:grid;gap:7px;max-height:580px;overflow:auto}.schedule-ui09-row{width:100%;display:grid;grid-template-columns:58px minmax(0,1fr) auto 14px;align-items:center;gap:10px;text-align:left;border:1px solid #1a2d42;border-radius:11px;background:#08131f;color:#dce8f6;padding:10px 11px}.schedule-ui09-row:hover{border-color:#315a7c}.schedule-ui09-row.selected{border-color:#2587f7;background:linear-gradient(110deg,#0c223b,#091521)}.schedule-ui09-kind{display:grid;place-items:center;min-height:34px;border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.08em;border:1px solid #274a6b;color:#8ec9ff;background:#0c2134}.schedule-ui09-kind.radio{border-color:#503c7b;color:#c2a1ff;background:#18132c}.schedule-ui09-row-copy{min-width:0}.schedule-ui09-row-copy strong,.schedule-ui09-row-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-ui09-row-copy small{color:#75889f;margin-top:3px}.schedule-ui09-row-state{font-size:9px;font-weight:900;color:#8295aa;border:1px solid #263b50;padding:5px 7px;border-radius:999px}.schedule-ui09-row-state.today{color:#5fe79a;border-color:#22653e;background:#0c2b1a}.schedule-ui09-row>b{color:#688199;font-size:18px}
.schedule-ui09-inspector{position:sticky;top:84px;padding:14px}.schedule-ui09-inspector-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.schedule-ui09-inspector-head h3{font-size:20px;margin:3px 0}.schedule-ui09-inspector-head p{margin:0;color:#74879d}.schedule-ui09-status{font-size:9px;font-weight:900;border:1px solid #2b4156;border-radius:999px;padding:6px 8px;color:#8294a7}.schedule-ui09-status.today{color:#5ee596;border-color:#266744;background:#0d291a}.schedule-ui09-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.schedule-ui09-detail-grid>div{min-width:0;border:1px solid #1c3147;border-radius:10px;background:#091521;padding:9px 10px}.schedule-ui09-detail-grid span,.schedule-ui09-detail-grid strong{display:block}.schedule-ui09-detail-grid span{font-size:9px;color:#72859a;text-transform:uppercase}.schedule-ui09-detail-grid strong{margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-ui09-next{padding:10px;border-left:3px solid #2c83e9;border-radius:8px;background:#091827}.schedule-ui09-next span{font-size:9px;color:#71869d;text-transform:uppercase;font-weight:800}.schedule-ui09-next p{margin:5px 0 0;color:#8ba0b5;font-size:11px;line-height:1.45}.schedule-ui09-detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.schedule-ui09-detail-actions .danger{grid-column:1/-1;min-height:37px}.schedule-ui09-empty{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;color:#71849a;padding:25px}.schedule-ui09-empty b{font-size:38px;color:#2d77b8}.schedule-ui09-empty strong{color:#c9d6e4;margin-top:6px}.schedule-ui09-empty small{margin-top:3px}
@media(max-width:1200px){.schedule-ui09-create-form{grid-template-columns:repeat(4,1fr)}.schedule-ui09-layout{grid-template-columns:1fr}.schedule-ui09-inspector{position:relative;top:auto}}
@media(max-width:800px){.schedule-ui09-heading{display:block}.schedule-ui09-head-actions{margin-top:10px}.schedule-ui09-summary{grid-template-columns:1fr 1fr}.schedule-ui09-toolbar{align-items:flex-start;flex-direction:column}.schedule-ui09-tools{width:100%;display:grid;grid-template-columns:1fr 1fr}.schedule-ui09-tools select,.schedule-ui09-tools input{min-width:0;width:100%}.schedule-ui09-create-form{grid-template-columns:1fr 1fr}.schedule-ui09-week{grid-template-columns:repeat(7,150px)}}
@media(max-width:560px){.schedule-ui09-create-form{grid-template-columns:1fr}.schedule-ui09-row{grid-template-columns:50px minmax(0,1fr)}.schedule-ui09-row-state,.schedule-ui09-row>b{display:none}.schedule-ui09-detail-grid{grid-template-columns:1fr}.schedule-ui09-summary article{min-height:88px}}

/* v2.11.53 UI-10 — Analytics */
.analytics-ui10-page{max-width:1600px;margin:0 auto}.analytics-ui10-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:2px 0 14px}.analytics-ui10-heading>div:first-child{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"num eyebrow eyebrow" "num title title" "num copy copy";column-gap:12px;align-items:start}.analytics-ui10-heading .dashboard-page-number{grid-area:num}.analytics-ui10-heading .eyebrow{grid-area:eyebrow;color:#dbe8ff;font-size:10px;letter-spacing:.12em}.analytics-ui10-heading h2{grid-area:title;font-size:23px;margin:2px 0 4px;letter-spacing:-.035em}.analytics-ui10-heading p{grid-area:copy;margin:0;color:#8797ad;font-size:12px}.analytics-ui10-heading-actions{display:flex;align-items:center;gap:8px}.analytics-ui10-heading-actions select,.analytics-ui10-toolbar select{min-height:36px;border-radius:9px;border:1px solid #263950;background:#0b1522;color:#dbe7f5;padding:0 11px}.analytics-ui10-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:9px;border:1px solid #1e3046;border-radius:12px;background:#0a131f}.analytics-ui10-filters{display:flex;gap:6px;flex-wrap:wrap}.analytics-ui10-filters button{border:1px solid #24364c;background:#0c1724;color:#8fa0b6;border-radius:8px;padding:7px 13px;font-size:11px;font-weight:800}.analytics-ui10-filters button.active{color:#fff;border-color:#2375ff;background:linear-gradient(135deg,#1558d9,#247cff);box-shadow:0 6px 18px #1263ff2d}.analytics-ui10-toolbar select{min-width:210px}
.analytics-ui10-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px}.analytics-ui10-kpis article{position:relative;min-height:112px;overflow:hidden;border:1px solid #203047;border-radius:12px;background:linear-gradient(145deg,#0e1825,#09121d);padding:14px;box-shadow:0 12px 28px #00000022}.analytics-ui10-kpis article:after{content:"";position:absolute;right:-25px;bottom:-42px;width:105px;height:105px;border-radius:50%;background:#1878ff14}.analytics-ui10-kpis span{display:block;color:#7e8ea3;font-size:9px;font-weight:900;letter-spacing:.1em}.analytics-ui10-kpis strong{display:block;margin:8px 0 5px;color:#f4f8ff;font-size:26px;line-height:1;letter-spacing:-.04em}.analytics-ui10-kpis small{color:#72839a;font-size:10px}.analytics-ui10-kpis b{position:absolute;right:13px;top:13px;width:28px;height:28px;border:1px solid #24548e;border-radius:8px;display:grid;place-items:center;color:#45a0ff;background:#0f2641;font-size:13px}
.analytics-ui10-main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(300px,.8fr);gap:10px;margin-bottom:10px}.analytics-ui10-lower-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.72fr);gap:10px}.analytics-ui10-card{min-width:0;border:1px solid #203047;border-radius:12px;background:linear-gradient(180deg,#0d1724,#09121d);padding:13px;box-shadow:0 12px 28px #00000022}.analytics-ui10-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:8px}.analytics-ui10-card-head strong{display:block;color:#dfeaf8;font-size:11px;letter-spacing:.06em}.analytics-ui10-card-head small{display:block;color:#71839b;font-size:9px;margin-top:2px}.analytics-ui10-card-head>span{color:#6f8197;font-size:9px;font-weight:800}.analytics-ui10-chart{height:260px;border-radius:9px;background:linear-gradient(180deg,#09121c,#0a1420);overflow:hidden}.analytics-ui10-chart svg{width:100%;height:100%}.analytics-ui10-gridlines line{stroke:#1c3047;stroke-width:1}.analytics-ui10-area{fill:url(#analyticsUi10Area)}.analytics-ui10-line{fill:none;stroke:#3189ff;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #2783ff55)}.analytics-ui10-point{fill:#dbeaff;stroke:#3189ff;stroke-width:2;vector-effect:non-scaling-stroke}.analytics-ui10-chart text{fill:#667a94;font-size:11px}.analytics-ui10-chart .empty{height:100%;display:grid;place-items:center;color:#6f8197;font-size:11px}
.analytics-ui10-device-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;min-height:260px}.analytics-ui10-donut{width:132px;height:132px;border-radius:50%;margin:auto;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#132134}.analytics-ui10-donut:after{content:"";position:absolute;inset:19px;background:#0c1622;border:1px solid #1f3248;border-radius:50%}.analytics-ui10-donut span,.analytics-ui10-donut small{position:relative;z-index:2}.analytics-ui10-donut span{color:#f3f8ff;font-size:18px;font-weight:900}.analytics-ui10-donut small{color:#71839a;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.analytics-ui10-legend{display:grid;gap:8px}.analytics-ui10-legend>div:not(.empty){display:grid;grid-template-columns:8px 1fr auto;grid-template-areas:"dot name pct" ". count count";align-items:center;column-gap:8px}.analytics-ui10-legend i{grid-area:dot;width:7px;height:7px;border-radius:50%}.analytics-ui10-legend span{grid-area:name;color:#a9b8ca;font-size:10px}.analytics-ui10-legend strong{grid-area:pct;color:#eff6ff;font-size:10px}.analytics-ui10-legend small{grid-area:count;color:#63758d;font-size:8px}.analytics-ui10-legend .empty{color:#6f8197;font-size:10px}
.analytics-ui10-table-wrap{overflow:auto}.analytics-ui10-table{width:100%;border-collapse:collapse;min-width:650px}.analytics-ui10-table th{text-align:left;color:#667b94;font-size:8px;letter-spacing:.09em;padding:8px 9px;border-bottom:1px solid #1d3045}.analytics-ui10-table td{padding:10px 9px;border-bottom:1px solid #17283a;color:#afbdd0;font-size:10px}.analytics-ui10-table tbody tr{cursor:pointer;transition:background .15s ease}.analytics-ui10-table tbody tr:hover{background:#102033}.analytics-ui10-table td:first-child strong{display:block;color:#e9f2ff;font-size:10px}.analytics-ui10-table td:first-child small{display:block;color:#60738c;font-size:8px;margin-top:2px}.analytics-ui10-type{display:inline-block;border-radius:999px;padding:3px 7px;border:1px solid #2c4765;font-size:8px;font-weight:900}.analytics-ui10-type.tv{background:#133159;color:#66aaff;border-color:#244f81}.analytics-ui10-type.radio{background:#173927;color:#61d28a;border-color:#275f3e}.analytics-ui10-type.vod{background:#34264d;color:#bd8cff;border-color:#58427b}
.analytics-ui10-country-list{display:grid;gap:9px}.analytics-ui10-country{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px}.analytics-ui10-country>span{width:20px;height:20px;border-radius:6px;background:#101e2e;border:1px solid #22364d;color:#71849c;display:grid;place-items:center;font-size:8px;font-weight:900}.analytics-ui10-country>div{min-width:0}.analytics-ui10-country strong{display:block;color:#c8d4e3;font-size:10px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-ui10-country i{display:block;height:5px;border-radius:999px;background:#142335;overflow:hidden}.analytics-ui10-country i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a6dec,#2c96ff)}.analytics-ui10-country em{font-style:normal;color:#8fa1b7;font-size:9px}.analytics-ui10-footnote{margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid #1a2d41;background:#09131e;color:#63768e;font-size:9px;line-height:1.5}
@media(max-width:1100px){.analytics-ui10-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-ui10-main-grid,.analytics-ui10-lower-grid{grid-template-columns:1fr}.analytics-ui10-device-wrap{grid-template-columns:180px 1fr}}
@media(max-width:720px){.analytics-ui10-heading{display:block}.analytics-ui10-heading-actions{margin-top:12px;flex-wrap:wrap}.analytics-ui10-heading-actions>*{flex:1;min-width:120px}.analytics-ui10-toolbar{align-items:stretch;flex-direction:column}.analytics-ui10-toolbar select{width:100%;min-width:0}.analytics-ui10-kpis{grid-template-columns:1fr 1fr}.analytics-ui10-kpis article{min-height:102px}.analytics-ui10-device-wrap{grid-template-columns:1fr}.analytics-ui10-chart{height:220px}}
@media(max-width:460px){.analytics-ui10-kpis{grid-template-columns:1fr}.analytics-ui10-heading>div:first-child{grid-template-columns:auto 1fr;grid-template-areas:"num eyebrow" "num title" "copy copy"}.analytics-ui10-heading p{margin-top:8px}.analytics-ui10-chart{height:190px}}

/* ===== UI-11/14 Monetization + Apps & Distribution ===== */
#apps.apps-ui14-page{padding:0;background:transparent;display:none;gap:18px}
#apps.apps-ui14-page.active{display:grid}
.apps-ui14-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:6px 2px 0}.apps-ui14-heading>div:first-child{max-width:820px}.apps-ui14-number{display:inline-grid;place-items:center;width:36px;height:25px;border-radius:7px;background:linear-gradient(135deg,#1d8cff,#7267ff);font-size:12px;font-weight:900;margin-right:10px;color:white}.apps-ui14-heading .eyebrow{color:#62aef8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.apps-ui14-heading h2{margin:8px 0 4px;font-size:30px;letter-spacing:-.04em}.apps-ui14-heading p{margin:0;color:#8999ad;line-height:1.55}.apps-ui14-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.apps-ui14-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.apps-ui14-kpis article,.apps-ui14-card{background:linear-gradient(180deg,rgba(16,29,44,.96),rgba(9,17,27,.96));border:1px solid #1c3147;border-radius:15px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.apps-ui14-kpis article{padding:16px 18px;display:grid;gap:4px;min-height:103px}.apps-ui14-kpis span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7890aa;font-weight:800}.apps-ui14-kpis strong{font-size:28px;line-height:1.1;color:#f4f8ff}.apps-ui14-kpis small{color:#687b91;font-size:11px}.apps-ui14-card{padding:16px}.apps-ui14-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.apps-ui14-card-head>div{display:grid;gap:3px}.apps-ui14-card-head strong{font-size:12px;letter-spacing:.08em}.apps-ui14-card-head small,.apps-ui14-card-head>span{font-size:11px;color:#73879e}
.apps-ui14-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.apps-ui14-platform{position:relative;display:grid;grid-template-columns:40px 1fr auto;align-items:center;text-align:left;gap:10px;min-height:84px;padding:13px;border-radius:12px;border:1px solid #20374e;background:#0a1623;color:#edf6ff;cursor:pointer;transition:.18s ease}.apps-ui14-platform:hover{transform:translateY(-2px);border-color:#318de4;background:#0d1c2b}.apps-ui14-platform-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#113965,#182944);border:1px solid #28517a;color:#8ecaff;font-weight:900;font-size:15px}.apps-ui14-platform-copy{display:grid;gap:4px;min-width:0}.apps-ui14-platform-copy strong{font-size:13px}.apps-ui14-platform-copy small{font-size:10px;color:#6f8499;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-ui14-platform-state{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.06em;padding:5px 7px;border-radius:999px;border:1px solid #34485d;color:#98a8bb;background:#101d2b;white-space:nowrap}.apps-ui14-platform-state.good{color:#70e7a5;border-color:#1d6b48;background:#0c2b20}.apps-ui14-platform-state.blue{color:#85c8ff;border-color:#285c8c;background:#0b2942}.apps-ui14-platform-state.warn{color:#ffd278;border-color:#6f5520;background:#2c230e}.apps-ui14-platform-state.muted{color:#7d8c9f}.apps-ui14-platform em{position:absolute;right:12px;bottom:7px;font-size:9px;font-style:normal;color:#7f93aa}
.apps-ui14-create{border:1px solid #20364c;border-radius:14px;background:#0b1724;overflow:hidden}.apps-ui14-create summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 17px;list-style:none}.apps-ui14-create summary::-webkit-details-marker{display:none}.apps-ui14-create summary span{font-weight:800}.apps-ui14-create summary small{color:#71869d}.apps-ui14-create[open] summary{border-bottom:1px solid #20364c}.apps-ui14-create-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:10px;padding:14px}
.apps-ui14-workspace{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.8fr);gap:14px;align-items:start}.apps-ui14-library{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}.apps-ui14-app-list{display:grid;gap:9px}.apps-ui14-app-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #1b3148;border-radius:12px;background:#091522;padding:11px}.apps-ui14-app-row:hover{border-color:#2b5c86}.apps-ui14-app-avatar{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#153c63,#222d4f);color:#9fd3ff;font-size:11px;font-weight:900;border:1px solid #28547d}.apps-ui14-app-copy{display:grid;gap:3px;min-width:0}.apps-ui14-app-copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-ui14-app-copy small{font-size:10px;color:#71869c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-ui14-app-readiness{font-size:10px;color:#f6bf65}.apps-ui14-app-readiness.ready{color:#63dda0}.apps-ui14-app-row>.apps-ui14-platform-state{grid-column:1/2;justify-self:start}.apps-ui14-row-actions{grid-column:2/4;display:flex;gap:6px;flex-wrap:wrap}.apps-ui14-builder-card{min-width:0}.apps-ui14-builder-select{width:100%;margin:10px 0 13px}.apps-ui14-builder-workbench{grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)!important}.apps-ui14-builder-controls details{background:#0a1623;border-color:#1d3248}.apps-ui14-builder-controls details+details{margin-top:9px}.apps-ui14-build-actions{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,#0e1a29 24%);padding-top:18px}.apps-ui14-preview-stage{position:sticky;top:86px}.apps-ui14-distribution-form{display:grid;grid-template-columns:1.1fr .8fr .7fr 1.5fr auto;gap:9px}.apps-ui14-destination-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.apps-ui14-destination{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #1c3248;border-radius:11px;background:#091522}.apps-ui14-destination-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#102b44;color:#6ebdff}.apps-ui14-destination>div{display:grid;gap:2px;min-width:0}.apps-ui14-destination strong{font-size:12px}.apps-ui14-destination small{font-size:10px;color:#74899f}.apps-ui14-destination code{font-size:9px;color:#59738f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-ui14-redirect{max-width:680px;margin:auto}.apps-ui14-redirect .apps-ui14-card{display:grid;gap:10px;text-align:center;padding:34px}
@media(max-width:1200px){.apps-ui14-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.apps-ui14-workspace{grid-template-columns:1fr}.apps-ui14-library,.apps-ui14-preview-stage{position:static;max-height:none}.apps-ui14-builder-workbench{grid-template-columns:1fr!important}.apps-ui14-distribution-form{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-ui14-distribution-form button{grid-column:span 2}}
@media(max-width:760px){.apps-ui14-heading{align-items:flex-start;flex-direction:column}.apps-ui14-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-ui14-platform-grid{grid-template-columns:1fr}.apps-ui14-create-form,.apps-ui14-distribution-form{grid-template-columns:1fr}.apps-ui14-distribution-form button{grid-column:auto}.apps-ui14-destination-list{grid-template-columns:1fr}.apps-ui14-app-row{grid-template-columns:38px 1fr}.apps-ui14-app-row>.apps-ui14-platform-state{grid-column:2}.apps-ui14-row-actions{grid-column:1/3}.apps-ui14-heading h2{font-size:26px}}

/* ================================================================
   UI-12 / UI-13 — Users & Roles + Settings
   ================================================================ */
.users-ui12,.settings-ui13{padding-bottom:48px}
.users-ui12-heading,.settings-ui13-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.users-ui12-heading>div:first-child,.settings-ui13-heading>div:first-child{position:relative;padding-left:58px}
.users-ui12-heading .dashboard-page-number,.settings-ui13-heading .dashboard-page-number{position:absolute;left:0;top:1px}
.users-ui12-heading h2,.settings-ui13-heading h2{margin:3px 0 6px;font-size:30px;letter-spacing:-.03em}
.users-ui12-heading p,.settings-ui13-heading p{margin:0;max-width:760px;color:#8da3bc}
.users-ui12-heading-actions,.settings-ui13-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.users-ui12-summary,.settings-ui13-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.users-ui12-summary article,.settings-ui13-summary article{position:relative;min-height:118px;padding:18px;border:1px solid #172b42;border-radius:16px;background:linear-gradient(145deg,#0b1725,#09131e);box-shadow:0 14px 32px rgba(0,0,0,.16)}
.users-ui12-summary article>span,.settings-ui13-summary article>span{display:block;color:#718aa4;font-size:11px;font-weight:800;letter-spacing:.1em}
.users-ui12-summary article>strong,.settings-ui13-summary article>strong{display:block;margin-top:10px;color:#f4f8fc;font-size:27px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.users-ui12-summary article>small,.settings-ui13-summary article>small{display:block;margin-top:6px;color:#718aa4}
.users-ui12-summary article>b,.settings-ui13-summary article>b{position:absolute;right:16px;top:17px;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#102743;color:#48a1ff;font-size:16px}
.users-ui12-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:4px 0 16px}
.users-ui12-filters{display:flex;gap:7px;padding:5px;border:1px solid #182a3c;border-radius:12px;background:#09131e}
.users-ui12-filters button{border:0;border-radius:9px;background:transparent;color:#7e95ad;padding:9px 14px;font-weight:700;cursor:pointer}
.users-ui12-filters button.active{background:#173e69;color:#dceeff;box-shadow:inset 0 0 0 1px #2769aa}
.users-ui12-search{display:flex;align-items:center;gap:8px;min-width:290px;padding:0 12px;border:1px solid #1b3047;border-radius:11px;background:#0a1520;color:#6f8ca7}
.users-ui12-search input{width:100%;border:0!important;background:transparent!important;padding:10px 0!important;box-shadow:none!important}
.users-ui12-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.78fr);gap:16px;align-items:start}
.users-ui12-members-panel,.users-ui12-role-card,.users-ui12-invites-card,.users-ui12-invite{border:1px solid #172b42;border-radius:16px;background:#0a1520;overflow:hidden}
.users-ui12-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 17px;border-bottom:1px solid #15273a}
.users-ui12-panel-head strong{display:block;font-size:12px;letter-spacing:.08em;color:#dce8f4}
.users-ui12-panel-head small{display:block;margin-top:4px;color:#6d849c}
.users-ui12-panel-head>span{font-size:11px;color:#6f8ca7;padding:6px 9px;border-radius:999px;background:#102033}
.users-ui12-member-head{display:grid;grid-template-columns:minmax(230px,1.45fr) minmax(175px,.8fr) 110px 120px 72px;gap:12px;padding:10px 17px;color:#5f7892;font-size:10px;font-weight:800;letter-spacing:.1em;border-bottom:1px solid #112236}
.users-ui12-member-list{min-height:240px}
.users-ui12-row{display:grid;grid-template-columns:minmax(230px,1.45fr) minmax(175px,.8fr) 110px 120px 72px;gap:12px;align-items:center;padding:13px 17px;border-bottom:1px solid #102238;transition:background .15s ease}
.users-ui12-row:hover{background:#0d1b2a}
.users-ui12-row:last-child{border-bottom:0}
.users-ui12-user{display:flex;align-items:center;gap:11px;min-width:0}
.users-ui12-avatar{display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;background:linear-gradient(145deg,#1f66ac,#153354);color:#e6f4ff;font-weight:800}
.users-ui12-user>div{min-width:0}.users-ui12-user strong{display:flex;align-items:center;gap:7px;color:#edf5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-ui12-user small{display:block;margin-top:4px;color:#6e869e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.users-ui12-owner{font-size:8px;letter-spacing:.07em;padding:3px 5px;border-radius:6px;color:#ffc85e;background:#392a10;border:1px solid #5c4318}
.users-ui12-role-select{width:100%;min-width:0}
.users-ui12-status-label{display:flex;align-items:center;gap:7px;color:#8ba1b7;font-size:12px}.users-ui12-status-label input{accent-color:#22c55e}.users-ui12-status-label.is-active{color:#6ed69a}
.users-ui12-login{color:#829ab2;font-size:12px}.users-ui12-delete{justify-self:end}
.users-ui12-side{display:grid;gap:14px}
.users-ui12-invite summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;list-style:none}.users-ui12-invite summary::-webkit-details-marker{display:none}.users-ui12-invite summary strong,.users-ui12-invite summary small{display:block}.users-ui12-invite summary small{margin-top:4px;color:#71899f}.users-ui12-invite summary b{font-size:20px;color:#4aa3ff}.users-ui12-invite[open] summary{border-bottom:1px solid #15273a}
.users-ui12-invite-form{display:grid;gap:11px;padding:15px}.users-ui12-invite-form label{display:grid;gap:6px;color:#7890a8;font-size:11px;font-weight:700}.users-ui12-invite .credentials{padding:0 15px 15px}
.users-ui12-role-list{display:grid;gap:0}.users-ui12-role-item{padding:12px 15px;border-bottom:1px solid #112336}.users-ui12-role-item:last-child{border-bottom:0}.users-ui12-role-item>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.users-ui12-role-item strong{font-size:13px;color:#dbe8f5}.users-ui12-role-item span{font-size:10px;padding:4px 7px;border-radius:999px;color:#77b7fb;background:#102a45}.users-ui12-role-item p{margin:5px 0 0;color:#6f879e;font-size:11px;line-height:1.45}
.users-ui12-invite-list .mini-item{border-radius:0;border-width:0 0 1px;background:transparent}.users-ui12-invite-list .mini-item:last-child{border-bottom:0}
.users-ui12-empty{padding:45px 20px;text-align:center;color:#7189a0}.users-ui12-empty b{display:block;font-size:28px;color:#345879;margin-bottom:8px}.users-ui12-empty strong{display:block;color:#afc1d2}.users-ui12-empty small{display:block;margin-top:5px}

.settings-ui13-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px;align-items:start}
.settings-ui13-tabs{position:sticky;top:88px;display:grid;gap:7px;padding:9px;border:1px solid #182c42;border-radius:16px;background:#09131e}
.settings-ui13-tabs button{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;text-align:left;border:0;border-radius:11px;padding:10px;background:transparent;color:#7890a7;cursor:pointer}
.settings-ui13-tabs button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#101f30;color:#6687a7}.settings-ui13-tabs button strong,.settings-ui13-tabs button small{display:block}.settings-ui13-tabs button strong{color:#b7c8d8;font-size:13px}.settings-ui13-tabs button small{margin-top:2px;color:#627b93;font-size:10px}.settings-ui13-tabs button.active{background:linear-gradient(135deg,#163f6e,#102c4c)}.settings-ui13-tabs button.active>span{background:#1b6ac0;color:#e9f5ff}.settings-ui13-tabs button.active strong{color:#fff}.settings-ui13-tabs button.active small{color:#8fc5f8}
.settings-ui13-content{min-width:0}.settings-ui13-pane{display:none;border:1px solid #172b42;border-radius:16px;background:#0a1520;overflow:hidden}.settings-ui13-pane.active{display:block}
.settings-ui13-pane-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px;border-bottom:1px solid #15273a}.settings-ui13-pane-head h3{margin:0;color:#f1f6fb}.settings-ui13-pane-head p{margin:5px 0 0;color:#728aa2;max-width:650px}.settings-ui13-state{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#10243a;color:#79b9f6;font-size:10px;font-weight:800;letter-spacing:.04em}
.settings-ui13-general-grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);gap:18px;padding:20px}.settings-ui13-profile-card{padding:17px;border:1px solid #172b42;border-radius:14px;background:#0c1a29}.settings-ui13-profile-card .profile-card{margin:0 0 15px}.settings-ui13-profile-card .inline-form{display:grid;gap:9px}.settings-ui13-account-form{padding:0}.settings-ui13-account-form .form-row{grid-template-columns:1fr 1fr}
.settings-ui13-preferences{display:grid;grid-template-columns:minmax(200px,1fr) 170px 180px auto;gap:12px;align-items:end;padding:18px 20px;border-top:1px solid #15273a;background:#09131e}.settings-ui13-preferences>div strong,.settings-ui13-preferences>div small{display:block}.settings-ui13-preferences>div small{margin-top:4px;color:#6c849b}.settings-ui13-preferences label,.settings-ui13-streaming-form label,.settings-ui13-branding-form label{display:grid;gap:6px;color:#7890a8;font-size:11px;font-weight:700}
.settings-ui13-streaming-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.settings-ui13-stream-actions{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.settings-ui13-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px 20px}.settings-ui13-info-grid article{padding:15px;border:1px solid #162b40;border-radius:13px;background:#0c1a29}.settings-ui13-info-grid span,.settings-ui13-info-grid strong,.settings-ui13-info-grid small{display:block}.settings-ui13-info-grid span{font-size:10px;color:#6e879e;text-transform:uppercase;letter-spacing:.08em}.settings-ui13-info-grid strong{margin-top:8px;color:#e7f1fb}.settings-ui13-info-grid small{margin-top:5px;color:#6f879e;line-height:1.45}
.settings-ui13-security-grid{display:grid;grid-template-columns:1fr .8fr;gap:18px;padding:20px}.settings-ui13-access-card{padding:18px;border:1px solid #182c42;border-radius:14px;background:#0c1a29}.settings-ui13-access-card span,.settings-ui13-access-card strong{display:block}.settings-ui13-access-card span{color:#6e879e;font-size:11px}.settings-ui13-access-card strong{margin-top:8px;font-size:21px;color:#edf5fc}.settings-ui13-access-card p{color:#768ea6;line-height:1.55}.settings-ui13-access-card button{margin-top:4px}
.settings-ui13-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px}.settings-ui13-payment-grid article{padding:18px;border:1px solid #172c42;border-radius:14px;background:#0c1a29}.settings-ui13-payment-grid span,.settings-ui13-payment-grid strong,.settings-ui13-payment-grid small{display:block}.settings-ui13-payment-grid span{font-size:10px;color:#6e879e;text-transform:uppercase;letter-spacing:.08em}.settings-ui13-payment-grid strong{margin-top:9px;font-size:19px;color:#edf5fc}.settings-ui13-payment-grid small{min-height:38px;margin-top:6px;color:#7189a0;line-height:1.45}.settings-ui13-payment-grid button{margin-top:13px}
.settings-ui13-pwa-card{padding:20px;border:0;background:transparent}.settings-ui13-pwa-card .panel-pwa-grid{margin:0}.settings-ui13-pwa-card .panel-pwa-install{position:relative}.settings-ui13-pwa-card #panelPwaStatus{margin-left:auto}
.settings-ui13-branding-form{display:grid;grid-template-columns:1fr 1.3fr .7fr auto;gap:12px;align-items:end;padding:20px}.settings-ui13-brand-preview{display:flex;align-items:center;gap:13px;padding:18px 20px;border-top:1px solid #15273a;background:#09131e}.settings-ui13-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#208cff;color:#fff;font-size:20px;font-weight:900}.settings-ui13-brand-preview>div:nth-child(2){flex:1}.settings-ui13-brand-preview strong,.settings-ui13-brand-preview small{display:block}.settings-ui13-brand-preview small{margin-top:3px;color:#7189a0}
.settings-ui13-heading-actions #settingsUi13OpenAccount{display:none}

@media(max-width:1180px){.users-ui12-layout{grid-template-columns:1fr}.users-ui12-side{grid-template-columns:1fr 1fr}.users-ui12-invite{grid-column:1/-1}.settings-ui13-summary,.users-ui12-summary{grid-template-columns:repeat(2,1fr)}.settings-ui13-payment-grid{grid-template-columns:1fr 1fr}.settings-ui13-branding-form{grid-template-columns:1fr 1fr}.settings-ui13-branding-form button{grid-column:1/-1;justify-self:start}}
@media(max-width:900px){.users-ui12-member-head{display:none}.users-ui12-row{grid-template-columns:1fr 1fr;gap:10px}.users-ui12-user{grid-column:1/-1}.users-ui12-login{align-self:center}.users-ui12-delete{justify-self:end}.settings-ui13-shell{grid-template-columns:1fr}.settings-ui13-tabs{position:static;grid-template-columns:repeat(3,1fr)}.settings-ui13-tabs button{grid-template-columns:28px 1fr}.settings-ui13-tabs button>span{width:28px;height:28px}.settings-ui13-general-grid,.settings-ui13-security-grid{grid-template-columns:1fr}.settings-ui13-preferences{grid-template-columns:1fr 1fr}.settings-ui13-preferences>div{grid-column:1/-1}.settings-ui13-info-grid{grid-template-columns:1fr}.settings-ui13-payment-grid{grid-template-columns:1fr}}
@media(max-width:680px){.users-ui12-heading,.settings-ui13-heading,.users-ui12-toolbar{display:grid}.users-ui12-heading-actions,.settings-ui13-heading-actions{width:100%}.users-ui12-heading-actions button,.settings-ui13-heading-actions button{flex:1}.users-ui12-summary,.settings-ui13-summary{grid-template-columns:1fr 1fr;gap:9px}.users-ui12-summary article,.settings-ui13-summary article{min-height:105px;padding:14px}.users-ui12-summary article>strong,.settings-ui13-summary article>strong{font-size:21px}.users-ui12-filters{overflow-x:auto}.users-ui12-filters button{white-space:nowrap}.users-ui12-search{min-width:0;width:100%}.users-ui12-side{grid-template-columns:1fr}.users-ui12-invite{grid-column:auto}.users-ui12-row{grid-template-columns:1fr}.users-ui12-user{grid-column:auto}.users-ui12-delete{justify-self:start}.settings-ui13-tabs{grid-template-columns:1fr 1fr}.settings-ui13-tabs button small{display:none}.settings-ui13-general-grid,.settings-ui13-streaming-form,.settings-ui13-security-grid,.settings-ui13-payment-grid,.settings-ui13-branding-form{padding:14px}.settings-ui13-general-grid,.settings-ui13-streaming-form,.settings-ui13-branding-form{grid-template-columns:1fr}.settings-ui13-stream-actions{grid-column:auto}.settings-ui13-preferences{grid-template-columns:1fr;padding:14px}.settings-ui13-preferences>div{grid-column:auto}.settings-ui13-account-form .form-row{grid-template-columns:1fr}.settings-ui13-branding-form button{grid-column:auto}.settings-ui13-pane-head{display:grid}.settings-ui13-state{justify-self:start}}


/* ==============================================================
   UI-15 / UI-16 — Interactive + Video Editor
   ============================================================== */
.interactive-ui15-heading,.editor-ui16-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.interactive-ui15-heading h2,.editor-ui16-heading h2{font-size:29px;margin:4px 0}.interactive-ui15-heading p,.editor-ui16-heading p{margin:0;color:#7990a8;max-width:760px}.interactive-ui15-heading-actions,.editor-ui16-heading-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.interactive-ui15-frame{border:1px solid #183149;border-radius:16px;overflow:hidden;background:#060c13;box-shadow:0 22px 55px rgba(0,0,0,.22)}#interactiveUi15Frame{display:block;width:100%;height:calc(100dvh - 210px);min-height:760px;border:0;background:#070d15}
.editor-ui16{--edline:#1c344c;--edblue:#208cff}.editor-ui16-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:11px}.editor-ui16-kpis article{position:relative;min-height:104px;padding:15px;border:1px solid #19324a;border-radius:14px;background:linear-gradient(145deg,#0b1723,#08121c);overflow:hidden}.editor-ui16-kpis article>span{display:block;font-size:9px;font-weight:900;letter-spacing:.1em;color:#6f8aa4}.editor-ui16-kpis article strong{display:block;margin-top:8px;font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-ui16-kpis article small{display:block;margin-top:4px;color:#70849a}.editor-ui16-kpis article b{position:absolute;right:12px;top:12px;font-size:24px;color:#2e79ba;opacity:.55}.editor-ui16-workbench{display:grid;grid-template-columns:265px minmax(480px,1fr) 330px;gap:11px;align-items:start}.editor-ui16-workbench>.card,.editor-ui16-center>.card,.editor-ui16-timeline-card,.editor-ui16-lower>.card,.editor-ui16-projects{background:#08131f;border-color:#193149}.editor-ui16-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}.editor-ui16-card-head h3{margin:2px 0 0}.editor-ui16-card-head small,.editor-ui16-card-head>span{color:#71869c;font-size:10px}.editor-ui16-media{display:grid;gap:8px;position:sticky;top:84px;max-height:calc(100dvh - 115px);overflow:auto}.editor-ui16-media input,.editor-ui16-media select{width:100%}.editor-ui16-add-row{display:grid;grid-template-columns:82px 1fr;gap:6px}.editor-ui16-asset-list{display:grid;gap:6px;min-height:120px}.editor-ui16-asset{display:grid;grid-template-columns:31px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px;border:1px solid #1b344c;border-radius:10px;background:#091725;text-align:left;color:#dceafa}.editor-ui16-asset:hover{border-color:#2f6da4;background:#0b1d2e}.editor-ui16-asset>span{width:31px;height:31px;border-radius:8px;display:grid;place-items:center;background:#102942;color:#65b2f4}.editor-ui16-asset strong,.editor-ui16-asset small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-ui16-asset small{color:#6f8298;font-size:9px}.editor-ui16-asset em{font-style:normal;color:#68adf0;font-size:17px}.editor-ui16-new{width:100%;margin-top:2px}.editor-ui16-center{display:grid;gap:10px;min-width:0}.editor-ui16-monitor{padding:10px}.editor-ui16-monitor-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:1px 2px 9px}.editor-ui16-monitor-head strong{display:block}.editor-ui16-monitor-head>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#70a4d0}.editor-ui16-monitor .editor-v2-preview{min-height:410px;border:1px solid #1d354b;border-radius:12px;overflow:hidden;background:#02070c}.editor-ui16-projectbar{padding:10px;margin:0}.editor-ui16-inspector{position:sticky;top:84px;max-height:calc(100dvh - 115px);overflow:auto}.editor-ui16-inspector .form-row{gap:6px}.editor-ui16-inspector label{font-size:10px;color:#8095aa}.editor-ui16-inspector label>*{margin-top:4px}.editor-ui16-clip-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.editor-ui16-clip-actions .danger{grid-column:1/-1}.editor-ui16-timeline-card{margin-top:11px;padding:11px}.editor-ui16-timeline-card .editor-timeline-wrap{padding:0;background:#050b12;border:1px solid #152a3f;border-radius:10px;min-height:326px}.editor-ui16-timeline-card .editor-ruler{background-color:#07101a}.editor-ui16-timeline-card .editor-track-label{background:#0b1825;color:#7599b9}.editor-ui16-timeline-card .editor-track-lane{background:#050b12}.editor-ui16-timeline-card .editor-clip{background:linear-gradient(135deg,#173d69,#215c98);border-color:#2b83cf}.editor-ui16-timeline-card .editor-clip.audio{background:linear-gradient(135deg,#174c3a,#1d7254);border-color:#35a778}.editor-ui16-lower{display:grid;grid-template-columns:1.1fr .72fr 1fr;gap:11px;margin-top:11px}.editor-ui16-lower>.card{padding:12px}.editor-ui16-note{border:1px solid #1d3850;background:#0b1b2a;border-radius:9px;padding:9px;color:#7490aa;font-size:10px}.editor-ui16-export select{width:100%}.editor-ui16-projects{margin-top:11px;padding:12px}.editor-ui16-projects .mini-item{background:#091725;border-color:#1a334b}.editor-ui16-projects .mini-item:hover{border-color:#2e628f}
@media(max-width:1280px){.editor-ui16-workbench{grid-template-columns:230px minmax(420px,1fr)}.editor-ui16-inspector{grid-column:1/-1;position:relative;top:auto;max-height:none}.editor-ui16-inspector #editorInspector{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.editor-ui16-inspector #editorInspector>strong,.editor-ui16-inspector .editor-ui16-clip-actions,.editor-ui16-inspector .check{grid-column:1/-1}.editor-ui16-lower{grid-template-columns:1fr 1fr}.editor-ui16-export{grid-column:1/-1}}
@media(max-width:900px){.editor-ui16-kpis{grid-template-columns:1fr 1fr}.editor-ui16-workbench{grid-template-columns:1fr}.editor-ui16-media,.editor-ui16-inspector{position:relative;top:auto;max-height:none}.editor-ui16-monitor .editor-v2-preview{min-height:340px}.editor-ui16-lower{grid-template-columns:1fr}.editor-ui16-export{grid-column:auto}#interactiveUi15Frame{min-height:820px}.interactive-ui15-heading,.editor-ui16-heading{display:block}.interactive-ui15-heading-actions,.editor-ui16-heading-actions{margin-top:10px;justify-content:flex-start}}
@media(max-width:580px){.editor-ui16-kpis{grid-template-columns:1fr}.editor-ui16-heading-actions button{flex:1}.editor-ui16-projectbar{display:grid;grid-template-columns:1fr}.editor-ui16-projectbar>input{min-width:0}.editor-ui16-inspector #editorInspector{display:block}.editor-ui16-inspector #editorInspector>*{margin-bottom:7px}.editor-ui16-monitor .editor-v2-preview{min-height:250px}#interactiveUi15Frame{min-height:900px}}

/* Fokisen Streaming v2.11.53 repair01
   Radio analytics/artwork + VOD upload + States redesign + customer demo + all-page responsive pass */
.demo-login-button{width:100%;display:grid;gap:3px;text-align:left;margin-top:4px;padding:12px 14px;border:1px solid rgba(32,140,255,.38);border-radius:12px;background:rgba(32,140,255,.08);color:#f4f8ff;cursor:pointer}
.demo-login-button:hover{background:rgba(32,140,255,.14)}
.demo-login-button strong{font-size:14px}.demo-login-button small{color:#91a4bb;font-size:11px}
.customer-demo-banner{position:sticky;top:0;z-index:1500;min-height:42px;padding:8px 16px;display:flex;align-items:center;justify-content:center;gap:12px;background:#14335a;color:#eaf5ff;border-bottom:1px solid rgba(79,165,255,.42);font-size:12px}
.customer-demo-banner[hidden]{display:none}.customer-demo-banner strong{letter-spacing:.08em}.customer-demo-banner span{color:#bdd8f5}.customer-demo-banner button{border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer}
.customer-demo-mode button:disabled{opacity:.55;cursor:not-allowed}
.customer-demo-mode .danger:disabled{filter:saturate(.25)}

.radio-artwork-upload{display:grid;gap:7px;padding:12px;border:1px dashed rgba(99,163,223,.32);border-radius:12px;background:rgba(11,24,39,.54)}
.radio-artwork-upload>span{font-size:11px;color:#8195aa}.radio-track-list{display:grid;gap:8px}.radio-track-row{display:grid!important;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px}.radio-track-art{width:54px;height:54px;border-radius:10px;overflow:hidden;background:#0d1a28;border:1px solid rgba(110,167,221,.22);display:grid;place-items:center;color:#4aa7ff;font-size:22px}.radio-track-art img{width:100%;height:100%;object-fit:cover}.radio-track-row .media-add{min-width:0}.radio-track-row .media-add>div:first-child{min-width:0}.radio-track-row strong,.radio-track-row small{overflow-wrap:anywhere}

.section.states-ui17{display:none!important}.section.states-ui17.active{display:grid!important;gap:16px}.states-ui17-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.states-ui17-heading h2{margin:3px 0 4px;font-size:30px}.states-ui17-heading p{margin:0;max-width:760px;color:#91a3b7}.states-ui17-heading-actions{display:flex;gap:9px;flex-wrap:wrap}.states-ui17-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.states-ui17-summary article{position:relative;min-height:112px;padding:16px;border-radius:16px;background:linear-gradient(145deg,rgba(17,32,49,.96),rgba(9,19,30,.96));border:1px solid rgba(101,151,198,.19);overflow:hidden}.states-ui17-summary article>span{display:block;font-size:10px;font-weight:800;letter-spacing:.11em;color:#7990a8}.states-ui17-summary article>strong{display:block;margin-top:8px;font-size:29px;color:#f6f9ff}.states-ui17-summary article>small{display:block;margin-top:4px;max-width:80%;color:#7e91a6}.states-ui17-summary article>b{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(32,140,255,.1);color:#4aa7ff}.states-ui17-control-panel{overflow:visible}.states-ui17-network-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 10px;padding-top:14px;border-top:1px solid rgba(96,145,190,.18)}.states-ui17-network-head div{display:grid;gap:3px}.states-ui17-network-head small{color:#8396aa}.states-ui17-network-head>span{padding:7px 10px;border-radius:999px;background:rgba(34,197,94,.1);color:#78dfa0;font-size:11px;white-space:nowrap}.states-ui17-network{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.states-ui17-state{min-width:0;border:1px solid rgba(98,151,204,.2);background:rgba(6,15,25,.62);border-radius:16px;overflow:hidden}.states-ui17-state-head{padding:14px 15px;background:linear-gradient(90deg,rgba(32,140,255,.11),transparent);border-bottom:1px solid rgba(100,150,197,.17)}.states-ui17-state-head>div{display:grid;gap:2px}.states-ui17-state-head .eyebrow{font-size:9px}.states-ui17-state-head strong{font-size:17px}.states-ui17-state-head small{color:#8093a6}.states-ui17-channel-box{padding:12px 14px;border-bottom:1px solid rgba(100,150,197,.12)}.states-ui17-channel-row,.states-ui17-channel-empty{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-radius:12px;background:#0b1724}.states-ui17-channel-icon,.states-ui17-channel-empty>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(32,140,255,.11);color:#48a6ff}.states-ui17-channel-row div,.states-ui17-channel-empty div{display:grid;gap:2px;min-width:0}.states-ui17-channel-row small,.states-ui17-channel-empty small{color:#8094a8;overflow-wrap:anywhere}.states-ui17-markets{padding:12px;display:grid;gap:10px}.states-ui17-market-card{padding:12px;border-radius:12px;background:rgba(12,24,37,.78);border:1px solid rgba(101,151,198,.14)}.states-ui17-market-card .market-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.states-ui17-market-card .market-service{min-width:0}.states-ui17-market-card .market-service span,.states-ui17-market-card .market-service small{overflow-wrap:anywhere}

.vod-ui05-file-drop input[type=file],.media-upload-zone input[type=file],.radio-artwork-upload input[type=file]{max-width:100%;width:100%}
.vod-ui05-upload-status{display:block;overflow-wrap:anywhere;line-height:1.45}

/* Repair 02 — layout regression correction.
   Keep responsive behavior page-specific. Do not flatten production grids globally. */
html,body{max-width:100%;overflow-x:hidden}
.app-shell,.workspace-main,.main,.content,.section,.panel,.card,.panel-sub{min-width:0}
.section img,.section video,.section canvas,.section iframe{max-width:100%}
.section code,.credential-row code{overflow-wrap:anywhere;word-break:break-word}
.vod-ui05-file-drop input[type=file],.media-upload-zone input[type=file],.radio-artwork-upload input[type=file]{max-width:100%;width:100%}
.vod-ui05-upload-status{display:block;overflow-wrap:anywhere;line-height:1.45}

/* States & Markets exists on one page only. */
.section.states-ui17{display:none!important}
.section.states-ui17.active{display:grid!important;gap:16px}

/* Tablet/mobile keeps the original per-page Studio, Radio, TV, Editor, Apps, etc.
   layouts. The broad Repair-01 .grid-2/.grid-3 overrides are intentionally gone. */
@media(max-width:1100px){
  .states-ui17-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .states-ui17-network{grid-template-columns:1fr}
}
@media(max-width:820px){
  /* Use the existing slide-out sidebar on tablets/phones; do not duplicate Studio/Radio
     as a bottom dock that looks like page content. */
  .mobile-dock{display:none!important}
  body{padding-bottom:0!important}
  .states-ui17-heading{align-items:flex-start;flex-direction:column}
  .states-ui17-heading-actions{width:100%}
  .states-ui17-heading-actions button{flex:1}
  .states-ui17-heading h2{font-size:26px}
  .states-ui17-network-head{align-items:flex-start;flex-direction:column}
  .states-ui17-network-head>span{white-space:normal}
  .states-ui17-market-card .market-services{grid-template-columns:1fr}
  .customer-demo-banner{justify-content:flex-start;flex-wrap:wrap;padding:8px 12px}
  .customer-demo-banner button{margin-left:auto}
  dialog{width:min(96vw,760px)!important;max-width:96vw!important;margin:auto}
  .dialog-body{max-width:100%}
}
@media(max-width:560px){
  .states-ui17-summary{grid-template-columns:1fr 1fr;gap:8px}
  .states-ui17-summary article{min-height:100px;padding:13px}
  .states-ui17-summary article>strong{font-size:23px}
  .states-ui17-summary article>small{max-width:100%;font-size:10px}
  .states-ui17-summary article>b{display:none}
  .states-ui17-channel-row,.states-ui17-channel-empty{grid-template-columns:34px minmax(0,1fr)}
  .states-ui17-channel-row button,.states-ui17-channel-empty button{grid-column:1/-1;width:100%}
  .radio-track-row{grid-template-columns:46px minmax(0,1fr)}
  .radio-track-art{width:46px;height:46px}
  .radio-track-row .media-add{display:grid;gap:8px}
  .radio-track-row .media-add>div:last-child{display:flex;gap:6px;flex-wrap:wrap}
  .section input,.section select,.section textarea{font-size:16px}
  .section h2{overflow-wrap:anywhere}
}

/* ===== UI 17 — App Builder rebuild ===== */
#apps.apps-v17-page{gap:16px}
.apps-v17-heading{padding-top:2px}
.apps-v17-kpis article{min-height:96px}
.apps-v17-platform-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.apps-v17-platform-grid .apps-ui14-platform{min-height:92px;grid-template-columns:42px minmax(0,1fr);align-content:center}
.apps-v17-platform-grid .apps-ui14-platform-state{grid-column:2;justify-self:start}
.apps-v17-platform-grid .apps-ui14-platform em{right:10px;bottom:8px}
.apps-v17-create-form{grid-template-columns:1.1fr 1fr 1fr auto;align-items:end}
.apps-v17-create-form label{display:grid;gap:6px;color:#8ca0b7;font-size:11px;font-weight:700}
.apps-v17-main-grid{display:grid;grid-template-columns:minmax(235px,.55fr) minmax(0,2.45fr);gap:14px;align-items:start}
.apps-v17-project-sidebar{position:sticky;top:86px;max-height:calc(100vh - 110px);overflow:auto}
.apps-v17-app-list{gap:8px}
.apps-v17-builder-card{min-width:0;padding:0;overflow:hidden}
.apps-v17-builder-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border-bottom:1px solid #1c3147;background:linear-gradient(180deg,#0f1d2c,#0b1724)}
.apps-v17-builder-title{display:grid;gap:2px;min-width:0}.apps-v17-builder-title strong{font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-v17-builder-label{font-size:9px;letter-spacing:.14em;color:#68b9ff;font-weight:900}.apps-v17-builder-title small{font-size:10px;color:#72869d}.apps-v17-builder-title small.dirty{color:#ffc765}
.apps-v17-builder-top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.apps-v17-builder-top-actions #appBuilderSelect{min-width:220px}.apps-v17-builder-top-actions #appStatus{width:auto;min-width:110px}
.apps-v17-progress{display:grid;gap:7px;padding:11px 16px;border-bottom:1px solid #182b3d;background:#091520}.apps-v17-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#7890a9;text-transform:uppercase;letter-spacing:.08em}.apps-v17-progress strong{color:#9fd3ff}.apps-v17-progress-track{height:5px;border-radius:999px;background:#14283a;overflow:hidden}.apps-v17-progress-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168cff,#29d89b);transition:width .2s ease}
.apps-v17-builder-shell{display:grid;grid-template-columns:156px minmax(320px,1.25fr) minmax(320px,1fr);min-height:690px}
.apps-v17-step-rail{padding:12px;background:#08131e;border-right:1px solid #1b3044;display:grid;align-content:start;gap:7px}.apps-v17-step-rail button{display:grid;grid-template-columns:30px 1fr;text-align:left;column-gap:8px;row-gap:1px;align-items:center;padding:10px;border:1px solid transparent;border-radius:10px;background:transparent;color:#92a4b8}.apps-v17-step-rail button b{grid-row:1/3;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#14283a;color:#7391ad}.apps-v17-step-rail button span{font-size:11px;font-weight:800;color:#cad7e4}.apps-v17-step-rail button small{font-size:9px;color:#687e94}.apps-v17-step-rail button.active{background:#0d2236;border-color:#265c86}.apps-v17-step-rail button.active b{background:#167fdd;color:white}.apps-v17-step-rail button.complete:not(.active) b{background:#0f4937;color:#75e8b4}.apps-v17-step-rail button.complete:not(.active) b::after{content:"✓";font-size:11px}.apps-v17-step-rail button.complete:not(.active) b{font-size:0}
.apps-v17-preview-column{padding:14px;border-right:1px solid #1b3044;background:radial-gradient(circle at 50% 15%,rgba(25,82,133,.22),transparent 42%),#07111a;min-width:0}.apps-v17-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.apps-v17-preview-toolbar>div:first-child{display:grid;gap:2px}.apps-v17-preview-toolbar strong{font-size:10px;letter-spacing:.1em}.apps-v17-preview-toolbar small{font-size:9px;color:#698198}.apps-v17-preview-toolbar>div:last-child{display:flex;gap:7px}.apps-v17-preview-toolbar select{width:auto;min-width:96px}
.apps-v17-device-frame{margin:0 auto;transition:max-width .2s ease,width .2s ease}.apps-v17-preview{min-height:480px}.apps-v17-preview-note{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:9px;color:#64798e;line-height:1.4}
.apps-v17-inspector{padding:14px;background:#0b1723;min-width:0}.apps-v17-step-panel{display:none;gap:10px}.apps-v17-step-panel.active{display:grid}.apps-v17-step-panel>label,.apps-v17-asset-field label,.apps-v17-step-panel .form-row>label{display:grid;gap:5px;color:#8398af;font-size:10px;font-weight:750}.apps-v17-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:end;padding-bottom:10px;border-bottom:1px solid #1b3045;margin-bottom:2px}.apps-v17-panel-head>div{display:grid;gap:2px}.apps-v17-panel-head span{font-size:9px;color:#5baeff;font-weight:900;letter-spacing:.12em}.apps-v17-panel-head strong{font-size:16px}.apps-v17-panel-head small{font-size:9px;color:#687d93;text-align:right;max-width:150px}.apps-v17-color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.apps-v17-color-row label{display:grid;gap:5px;color:#8196ad;font-size:9px}.apps-v17-color-row input[type=color]{width:100%;height:40px;padding:3px}.apps-v17-asset-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:end}.apps-v17-asset-field button{height:38px}
.apps-v17-source-summary{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-radius:10px;border:1px solid #1e354b;background:#07131e}.apps-v17-source-summary span{font-size:9px;padding:5px 7px;border-radius:999px;background:#0f2940;color:#83c7ff;border:1px solid #214b70}
.apps-v17-subhead{display:flex;align-items:end;justify-content:space-between;gap:10px}.apps-v17-subhead strong{font-size:11px}.apps-v17-subhead small{font-size:9px;color:#687e94}.apps-v17-nav-builder{display:grid;gap:8px;padding:10px;border:1px solid #1e3449;border-radius:11px;background:#081521}.apps-v17-nav-builder #appNavBuilder{display:grid;gap:5px}.apps-v17-nav-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:8px;background:#0c1b29;border:1px solid #162c40;opacity:.62}.apps-v17-nav-row.enabled{opacity:1;border-color:#274965}.apps-v17-nav-row>div{display:flex;gap:4px}.apps-v17-nav-row .tiny[disabled]{opacity:.3;cursor:not-allowed}.apps-v17-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.apps-v17-distribution-intro{padding:10px;border:1px solid #1f3a52;border-radius:10px;background:#071521}.apps-v17-distribution-fields{grid-template-columns:1fr}.apps-v17-checklist{padding:10px;border:1px solid #1c3348;border-radius:10px;background:#08141f}.apps-v17-checklist ul{margin:8px 0 0 18px;padding:0;color:#7f93a8;font-size:10px;display:grid;gap:4px}.apps-v17-clone{display:grid;grid-template-columns:minmax(0,1fr) 1fr auto;gap:8px;align-items:end;padding:10px;border:1px solid #24415b;border-radius:10px;background:#0a1926}.apps-v17-clone>div{display:grid;gap:2px}.apps-v17-clone strong{font-size:10px}.apps-v17-clone small{font-size:9px;color:#6d8297}.apps-v17-clone button{height:38px}
.apps-v17-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #1c3147;background:#0c1926;position:sticky;bottom:0;z-index:4}.apps-v17-actionbar>div:first-child{font-size:10px;color:#71869c}.apps-v17-actionbar .watch-actions{margin:0}
.apps-v17-distribution-card{margin-top:0}
.apps-v17-asset-picker{width:min(900px,92vw);max-height:82vh}.apps-v17-asset-picker-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px}.apps-v17-asset-picker-head h3{margin:3px 0}.apps-v17-asset-picker-head p{margin:0;color:#758aa0;font-size:11px}.apps-v17-asset-picker-head input{max-width:260px}.apps-v17-asset-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:58vh;overflow:auto}.apps-v17-asset-choice{display:grid;text-align:left;gap:5px;padding:7px;border:1px solid #20384e;border-radius:10px;background:#091622;color:#e8f2fb}.apps-v17-asset-choice img,.apps-v17-asset-choice>span{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px;background:#102334;display:grid;place-items:center}.apps-v17-asset-choice strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-v17-asset-choice small{font-size:9px;color:#6f8498;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps-v17-preview .app-preview-nav{display:flex;gap:3px;flex-wrap:wrap}.apps-v17-preview .app-preview-nav button{border:0;background:transparent;color:#a9bbcd;padding:5px 7px;border-radius:6px;font-size:9px}.apps-v17-preview .app-preview-nav button.active{background:var(--preview-accent,#20a4ff);color:#fff}.apps-v17-preview .app-preview-page-title{display:grid;gap:5px;padding:6px 2px 13px}.apps-v17-preview .app-preview-page-title>span{font-size:8px;letter-spacing:.14em;color:var(--preview-accent,#20a4ff);font-weight:900}.apps-v17-preview .app-preview-page-title strong{font-size:22px}.apps-v17-preview .app-preview-page-title small{font-size:10px;color:#8da1b5}.apps-v17-preview .app-preview-video{aspect-ratio:16/9;display:grid;place-items:center;align-content:center;gap:8px;border:1px solid #ffffff17;border-radius:12px;background:linear-gradient(135deg,#0a1c2b,#1a2638)}.apps-v17-preview .app-preview-video span{font-size:8px;font-weight:900;background:#d92639;padding:4px 7px;border-radius:999px}.apps-v17-preview .app-preview-video strong{font-size:16px}.apps-v17-preview .app-preview-guide{display:grid;gap:7px}.apps-v17-preview .app-preview-guide>div{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding:10px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff08}.apps-v17-preview .app-preview-guide b{font-size:10px}.apps-v17-preview .app-preview-guide span{font-size:9px;color:#8ba0b4}.apps-v17-preview .app-preview-vod-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.apps-v17-preview .app-preview-vod-grid>div{aspect-ratio:16/10;border-radius:9px;background:linear-gradient(135deg,#14283c,#202033);display:grid;place-items:center;align-content:center;gap:4px}.apps-v17-preview .app-preview-vod-grid span{font-size:18px;color:var(--preview-accent,#20a4ff)}.apps-v17-preview .app-preview-vod-grid strong{font-size:9px}.apps-v17-preview .app-preview-radio-large{display:grid;grid-template-columns:74px minmax(0,1fr) 42px;gap:11px;align-items:center;padding:13px;border:1px solid #ffffff16;border-radius:12px;background:#ffffff09}.apps-v17-preview .app-preview-radio-large .app-preview-radio-art{width:74px;height:74px}.apps-v17-preview .app-preview-radio-large>div:nth-child(2){display:grid;gap:3px}.apps-v17-preview .app-preview-radio-large b{font-size:9px;color:#94a8bb}.apps-v17-preview .app-preview-radio-large strong{font-size:13px}.apps-v17-preview .app-preview-radio-large small{font-size:9px;color:#8094a8}.apps-v17-preview .app-preview-radio-large button{width:40px;height:40px;border-radius:50%;border:0;background:var(--preview-accent,#20a4ff);color:white}.apps-v17-preview .app-preview-interactive{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:12px;border:1px solid #ffffff17;background:linear-gradient(135deg,#13273c,#251c3e)}.apps-v17-preview .app-preview-interactive>div{display:grid;gap:4px}.apps-v17-preview .app-preview-interactive span{font-size:8px;color:#ff6d89;font-weight:900}.apps-v17-preview .app-preview-interactive strong{font-size:15px}.apps-v17-preview .app-preview-interactive small{font-size:9px;color:#8ca0b4}.apps-v17-preview .app-preview-interactive button{border:0;border-radius:8px;padding:9px 12px;background:var(--preview-accent,#20a4ff);color:#fff;font-weight:800}.apps-v17-preview .app-preview-platform-foot{margin-top:15px;padding-top:8px;border-top:1px solid #ffffff10;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#5f758b}
@media(max-width:1450px){.apps-v17-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.apps-v17-builder-shell{grid-template-columns:132px minmax(300px,1.15fr) minmax(300px,1fr)}}
@media(max-width:1180px){.apps-v17-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.apps-v17-main-grid{grid-template-columns:1fr}.apps-v17-project-sidebar{position:static;max-height:none}.apps-v17-app-list{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-v17-builder-shell{grid-template-columns:124px minmax(0,1fr)}.apps-v17-preview-column{border-right:0}.apps-v17-inspector{grid-column:1/3;border-top:1px solid #1b3044}.apps-v17-step-panel.active{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-v17-panel-head,.apps-v17-nav-builder,.apps-v17-subhead,.apps-v17-source-summary,.apps-v17-distribution-intro,.apps-v17-distribution-fields,.apps-v17-checklist,.apps-v17-clone{grid-column:1/-1}.apps-v17-feature-grid{grid-column:1/-1}.apps-v17-asset-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.apps-v17-create-form{grid-template-columns:1fr 1fr}.apps-v17-create-form button{grid-column:1/-1}.apps-v17-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-v17-builder-top{align-items:flex-start;flex-direction:column}.apps-v17-builder-top-actions{width:100%;justify-content:flex-start}.apps-v17-builder-top-actions #appBuilderSelect{flex:1;min-width:170px}.apps-v17-builder-shell{display:flex;flex-direction:column;min-height:0}.apps-v17-step-rail{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #1b3044}.apps-v17-step-rail button{min-width:132px;flex:none}.apps-v17-preview-column{order:2}.apps-v17-inspector{order:1;border-top:0}.apps-v17-step-panel.active{grid-template-columns:1fr}.apps-v17-panel-head,.apps-v17-nav-builder,.apps-v17-subhead,.apps-v17-source-summary,.apps-v17-distribution-intro,.apps-v17-distribution-fields,.apps-v17-checklist,.apps-v17-clone,.apps-v17-feature-grid{grid-column:auto}.apps-v17-actionbar{position:static;align-items:flex-start;flex-direction:column}.apps-v17-preview-note{flex-direction:column}.apps-v17-asset-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.apps-v17-kpis{grid-template-columns:1fr 1fr}.apps-v17-platform-grid{grid-template-columns:1fr}.apps-v17-create-form{grid-template-columns:1fr}.apps-v17-app-list{grid-template-columns:1fr}.apps-v17-builder-top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.apps-v17-builder-top-actions #appBuilderSelect{grid-column:1/-1;width:100%;min-width:0}.apps-v17-builder-top-actions #appStatus{width:100%}.apps-v17-preview-toolbar{align-items:flex-start;flex-direction:column}.apps-v17-preview-toolbar>div:last-child{width:100%}.apps-v17-preview-toolbar select{flex:1;min-width:0}.apps-v17-color-row{grid-template-columns:1fr 1fr 1fr}.apps-v17-asset-field{grid-template-columns:1fr}.apps-v17-asset-field button{height:auto}.apps-v17-feature-grid{grid-template-columns:1fr}.apps-v17-clone{grid-template-columns:1fr}.apps-v17-actionbar .watch-actions{display:grid;width:100%;grid-template-columns:1fr}.apps-v17-actionbar .watch-actions button{width:100%}.apps-v17-asset-picker-head{align-items:flex-start;flex-direction:column}.apps-v17-asset-picker-head input{width:100%;max-width:none}.apps-v17-asset-picker-grid{grid-template-columns:1fr 1fr}.apps-v17-preview{min-height:390px}}
.apps-v17-preview .app-preview-faux-button{display:grid;place-items:center;min-width:40px;height:40px;border-radius:999px;background:var(--preview-accent,#20a4ff);color:#fff;font-weight:800;font-size:10px;padding:0 11px}

/* Apps & Distribution — App Builder rebuild (Repair 03) */
#apps.apps-v18-page{display:none;gap:16px;padding:0;background:transparent}
#apps.apps-v18-page.active{display:grid}
#apps .apps-v18-heading{padding-top:2px}
#apps .apps-v18-kpis article{min-height:92px}
#apps .apps-v18-workspace{display:grid;grid-template-columns:minmax(250px,.58fr) minmax(0,2.42fr);gap:14px;align-items:start}
#apps .apps-v18-project-sidebar{position:sticky;top:86px;display:grid;gap:12px;max-height:calc(100vh - 110px);overflow:auto;padding:14px}
#apps .apps-v18-create{border-radius:11px;background:#081521;border-color:#1b344b}
#apps .apps-v18-create summary{display:grid;gap:3px;padding:12px 13px}
#apps .apps-v18-create summary span{font-size:12px;color:#dcecff}
#apps .apps-v18-create summary small{font-size:9px}
#apps .apps-v18-create-form{display:grid;grid-template-columns:1fr;gap:9px;padding:12px}
#apps .apps-v18-create-form label{display:grid;gap:5px;color:#879cb3;font-size:10px;font-weight:800}
#apps .apps-v18-create-form button{width:100%}
#apps .apps-v18-sidebar-label{display:grid;gap:2px;padding:2px 2px 0;border-top:1px solid #172c40;padding-top:11px}
#apps .apps-v18-sidebar-label span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#90a7bd;text-transform:uppercase}
#apps .apps-v18-sidebar-label small{font-size:9px;color:#60778e}
#apps .apps-v18-app-list .apps-ui14-app-row{grid-template-columns:38px minmax(0,1fr);padding:10px}
#apps .apps-v18-app-list .apps-ui14-app-avatar{width:36px;height:36px}
#apps .apps-v18-app-list .apps-ui14-platform-state{grid-column:2;justify-self:start}
#apps .apps-v18-app-list .apps-ui14-row-actions{grid-column:1/3}
#apps .apps-v18-builder-card{padding:0;min-width:0;overflow:hidden;border-color:#23405b;box-shadow:0 24px 60px rgba(0,0,0,.24)}
#apps .apps-v18-builder-top{background:linear-gradient(180deg,#101f2f,#0b1724);padding:14px 16px}
#apps .apps-v18-target-strip{display:grid;grid-template-columns:1fr 1.15fr 1.35fr .72fr;border-bottom:1px solid #193046;background:#07131e}
#apps .apps-v18-target-strip>div{display:grid;gap:3px;padding:10px 13px;border-right:1px solid #193046;min-width:0}
#apps .apps-v18-target-strip>div:last-child{border-right:0}
#apps .apps-v18-target-strip span{font-size:8px;letter-spacing:.11em;font-weight:900;color:#5f7891}
#apps .apps-v18-target-strip strong{font-size:10px;color:#c9ddf1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apps .apps-v18-target-strip>div:last-child strong{color:#76e3ad}
#apps .apps-v18-progress{padding:10px 16px;background:#091723}
#apps .apps-v18-builder-shell{grid-template-columns:146px minmax(350px,1.25fr) minmax(330px,1fr);min-height:650px}
#apps .apps-v18-step-rail{background:#081521}
#apps .apps-v18-step-rail button{min-height:86px;padding:12px 10px}
#apps .apps-v18-step-rail button.active{background:linear-gradient(90deg,#0d2941,#0b1c2b);border-left-color:#2d9dff}
#apps .apps-v18-preview-column{background:radial-gradient(circle at 50% 12%,#112a40 0,#091724 42%,#06111b 100%);padding:14px}
#apps .apps-v18-device-frame{max-width:780px;margin-inline:auto}
#apps .apps-v18-preview-tip{display:grid;gap:3px;margin-top:10px;padding:10px 12px;border:1px solid #19364e;border-radius:10px;background:#071621}
#apps .apps-v18-preview-tip strong{font-size:10px;color:#a9c7e2}
#apps .apps-v18-preview-tip span{font-size:9px;line-height:1.45;color:#667f96}
#apps .apps-v18-inspector{background:#0b1825}
#apps .apps-v18-actionbar{display:grid;grid-template-columns:auto minmax(160px,1fr) auto;align-items:center}
#apps .apps-v18-actionbar>div:nth-child(2){font-size:10px;color:#71869c;min-width:0}
#apps .apps-v18-actionbar .watch-actions{justify-content:flex-end}
#apps .apps-v18-actionbar button[disabled]{opacity:.38;cursor:not-allowed}
#apps .apps-v18-platform-card{overflow:hidden}
#apps .apps-v18-platform-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:12px}
#apps .apps-v18-platform-group{display:grid;gap:8px;padding:10px;border:1px solid #193148;border-radius:12px;background:#081521;min-width:0}
#apps .apps-v18-platform-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}
#apps .apps-v18-platform-group-head strong{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#8ba5bd}
#apps .apps-v18-platform-group-head span{font-size:9px;color:#58738d}
#apps .apps-v18-platform-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#apps .apps-v18-platform-group:first-child .apps-v18-platform-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#apps .apps-v18-platform{min-height:78px;grid-template-columns:36px minmax(0,1fr);padding:10px}
#apps .apps-v18-platform .apps-ui14-platform-icon{width:34px;height:34px;border-radius:9px}
#apps .apps-v18-platform .apps-ui14-platform-state{grid-column:2;justify-self:start}
#apps .apps-v18-platform em{right:8px;bottom:6px;font-size:8px}
#apps .apps-v18-distribution-card{margin-top:0}

@media(max-width:1320px){
  #apps .apps-v18-workspace{grid-template-columns:220px minmax(0,1fr)}
  #apps .apps-v18-builder-shell{grid-template-columns:120px minmax(300px,1.05fr) minmax(300px,1fr)}
  #apps .apps-v18-target-strip{grid-template-columns:1fr 1fr}
  #apps .apps-v18-target-strip>div:nth-child(2){border-right:0}
  #apps .apps-v18-target-strip>div:nth-child(-n+2){border-bottom:1px solid #193046}
  #apps .apps-v18-platform-grid{grid-template-columns:1fr 1fr}
  #apps .apps-v18-platform-group:first-child{grid-column:1/-1}
  #apps .apps-v18-platform-group:first-child .apps-v18-platform-group-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1050px){
  #apps .apps-v18-workspace{grid-template-columns:1fr}
  #apps .apps-v18-project-sidebar{position:static;max-height:none}
  #apps .apps-v18-app-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #apps .apps-v18-create-form{grid-template-columns:repeat(3,minmax(0,1fr))}
  #apps .apps-v18-create-form button{grid-column:1/-1}
  #apps .apps-v18-builder-shell{grid-template-columns:116px minmax(0,1fr)}
  #apps .apps-v18-preview-column{border-right:0}
  #apps .apps-v18-inspector{grid-column:1/3;border-top:1px solid #1b3044}
  #apps .apps-v18-inspector .apps-v17-step-panel.active{grid-template-columns:repeat(2,minmax(0,1fr))}
  #apps .apps-v18-inspector .apps-v17-panel-head,#apps .apps-v18-inspector .apps-v17-nav-builder,#apps .apps-v18-inspector .apps-v17-subhead,#apps .apps-v18-inspector .apps-v17-source-summary,#apps .apps-v18-inspector .apps-v17-distribution-intro,#apps .apps-v18-inspector .apps-v17-distribution-fields,#apps .apps-v18-inspector .apps-v17-checklist,#apps .apps-v18-inspector .apps-v17-clone,#apps .apps-v18-inspector .apps-v17-feature-grid{grid-column:1/-1}
  #apps .apps-v18-platform-group:first-child .apps-v18-platform-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #apps .apps-v18-actionbar{grid-template-columns:auto 1fr}
  #apps .apps-v18-actionbar .watch-actions{grid-column:1/-1;justify-content:flex-start;width:100%}
}
@media(max-width:760px){
  #apps .apps-v18-heading{align-items:flex-start;flex-direction:column}
  #apps .apps-v18-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #apps .apps-v18-app-list{grid-template-columns:1fr}
  #apps .apps-v18-create-form{grid-template-columns:1fr}
  #apps .apps-v18-builder-top{align-items:flex-start;flex-direction:column}
  #apps .apps-v18-builder-top .apps-v17-builder-top-actions{width:100%;display:grid;grid-template-columns:1fr auto}
  #apps .apps-v18-builder-top #appBuilderSelect{grid-column:1/-1;width:100%;min-width:0}
  #apps .apps-v18-builder-top #appStatus{width:100%}
  #apps .apps-v18-target-strip{grid-template-columns:1fr 1fr}
  #apps .apps-v18-builder-shell{display:flex;flex-direction:column;min-height:0}
  #apps .apps-v18-step-rail{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #1b3044}
  #apps .apps-v18-step-rail button{min-width:138px;min-height:74px;flex:none}
  #apps .apps-v18-inspector{order:1;border-top:0}
  #apps .apps-v18-preview-column{order:2;border-top:1px solid #1b3044}
  #apps .apps-v18-inspector .apps-v17-step-panel.active{grid-template-columns:1fr}
  #apps .apps-v18-inspector .apps-v17-panel-head,#apps .apps-v18-inspector .apps-v17-nav-builder,#apps .apps-v18-inspector .apps-v17-subhead,#apps .apps-v18-inspector .apps-v17-source-summary,#apps .apps-v18-inspector .apps-v17-distribution-intro,#apps .apps-v18-inspector .apps-v17-distribution-fields,#apps .apps-v18-inspector .apps-v17-checklist,#apps .apps-v18-inspector .apps-v17-clone,#apps .apps-v18-inspector .apps-v17-feature-grid{grid-column:auto}
  #apps .apps-v18-platform-grid{grid-template-columns:1fr}
  #apps .apps-v18-platform-group:first-child{grid-column:auto}
  #apps .apps-v18-platform-group:first-child .apps-v18-platform-group-grid,#apps .apps-v18-platform-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #apps .apps-v18-actionbar{display:flex;align-items:stretch;flex-direction:column}
  #apps .apps-v18-actionbar>div:nth-child(2){order:-1}
  #apps .apps-v18-actionbar .watch-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  #apps .apps-v18-actionbar .watch-actions button{width:100%}
}
@media(max-width:520px){
  #apps .apps-v18-kpis{grid-template-columns:1fr 1fr}
  #apps .apps-v18-target-strip{grid-template-columns:1fr}
  #apps .apps-v18-target-strip>div{border-right:0;border-bottom:1px solid #193046}
  #apps .apps-v18-target-strip>div:last-child{border-bottom:0}
  #apps .apps-v18-platform-group:first-child .apps-v18-platform-group-grid,#apps .apps-v18-platform-group-grid{grid-template-columns:1fr}
  #apps .apps-v18-actionbar .watch-actions{grid-template-columns:1fr}
  #apps .apps-v18-preview-column{padding:10px}
}
/* Repair 04 — customer accounts, package capacity and editable station profiles */
#customers.customer-accounts-r04{display:none}.section.active#customers.customer-accounts-r04{display:block}
.customer-r04-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}.customer-r04-heading h2{margin:4px 0}.customer-r04-heading p{max-width:760px;margin:0;color:var(--muted)}
.customer-r04-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.customer-r04-kpis article{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.customer-r04-kpis span,.customer-r04-kpis small{display:block;color:var(--muted)}.customer-r04-kpis strong{display:block;font-size:26px;margin:5px 0}
.customer-r04-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customer-r04-card{border:1px solid var(--border);border-radius:16px;padding:16px;background:rgba(255,255,255,.025)}.customer-r04-card-head{display:flex;gap:12px;align-items:center}.customer-r04-avatar{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(32,164,255,.12);font-weight:800}.customer-r04-card strong,.customer-r04-card small{display:block}.customer-r04-card small{color:var(--muted)}.customer-r04-card-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.customer-r04-card-specs span{padding:8px;border-radius:10px;background:rgba(255,255,255,.035);font-size:12px}.customer-r04-card-specs b{display:block;font-size:16px}
.customer-r04-dialog{width:min(980px,94vw);max-height:92vh}.customer-r04-account-summary,.customer-r04-package-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.customer-r04-account-summary article,.customer-r04-package-specs article{padding:12px;border:1px solid var(--border);border-radius:12px}.customer-r04-account-summary span,.customer-r04-package-specs span{display:block;color:var(--muted);font-size:11px}.customer-r04-account-summary strong,.customer-r04-package-specs strong{display:block;margin-top:4px}.customer-r04-profile-form,.customer-r04-package-form,.customer-r04-alerts,.customer-r04-stations{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}
.station-r04-dialog{width:min(760px,94vw);max-height:92vh}.station-r04-logo-row{display:grid;grid-template-columns:84px 1fr auto;gap:12px;align-items:center;margin:12px 0 18px}.station-r04-logo{width:84px;height:84px;border-radius:16px;border:1px solid var(--border);display:grid;place-items:center;background-size:cover;background-position:center;font-size:11px;color:var(--muted)}.station-r04-allocation{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}
.service-row .station-r04-service-logo{width:34px;height:34px;object-fit:cover;border-radius:8px;margin-right:8px;vertical-align:middle}.capacity-r04-alert{border-left:3px solid currentColor}.capacity-r04-alert.critical{color:#ff7b7b}.capacity-r04-alert.warning{color:#f3c969}
@media(max-width:1050px){.customer-r04-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-r04-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-r04-account-summary,.customer-r04-package-specs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.customer-r04-heading{display:block}.customer-r04-heading button{width:100%;margin-top:12px}.customer-r04-grid,.customer-r04-kpis,.customer-r04-account-summary,.customer-r04-package-specs{grid-template-columns:1fr}.station-r04-logo-row{grid-template-columns:72px 1fr}.station-r04-logo-row button{grid-column:1/-1}.customer-r04-dialog,.station-r04-dialog{width:96vw}.customer-r04-dialog .form-row,.station-r04-dialog .form-row{grid-template-columns:1fr}}

/* Repair 04.1 — customer/server storage capacity dashboard (scoped) */
.customer-r041-capacity{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(19,31,46,.96),rgba(12,20,30,.96))}
.customer-r041-capacity-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.customer-r041-capacity-head h3{margin:4px 0 5px;font-size:22px}.customer-r041-capacity-head p{margin:0;color:var(--muted)}
.customer-r041-capacity-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.customer-r041-capacity-kpis article{padding:13px;border:1px solid rgba(111,139,174,.25);border-radius:12px;background:rgba(255,255,255,.025)}.customer-r041-capacity-kpis span,.customer-r041-capacity-kpis small{display:block;color:var(--muted);font-size:11px}.customer-r041-capacity-kpis strong{display:block;margin:4px 0;font-size:22px}
.customer-r041-meter-wrap,.customer-r041-allocation-wrap{margin-top:16px}.customer-r041-meter-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;color:var(--muted)}.customer-r041-meter-label b{color:#dce7f4;font-weight:700;text-align:right}
.customer-r041-meter,.customer-r041-allocation-meter{height:13px;border-radius:999px;overflow:hidden;background:#091019;border:1px solid var(--line);display:flex}.customer-r041-meter>i,.customer-r041-allocation-meter>i{display:block;height:100%;width:0;transition:width .22s ease}.customer-r041-meter .customer{background:#337ef0}.customer-r041-meter .system{background:#6d7c91}.customer-r041-meter>i:first-child{background:#337ef0}.customer-r041-meter>i:nth-child(2){background:#6d7c91}.customer-r041-allocation-meter>i{background:linear-gradient(90deg,#2b7be4,#39a67a)}.customer-r041-allocation-meter>i.warning{background:linear-gradient(90deg,#d29325,#e25f48)}
.customer-r041-meter-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;color:var(--muted);font-size:11px}.customer-r041-meter-legend span{display:flex;align-items:center;gap:6px}.customer-r041-meter-legend i{width:8px;height:8px;border-radius:999px;background:#337ef0}.customer-r041-meter-legend i.system{background:#6d7c91}.customer-r041-meter-legend i.free{background:#172233;border:1px solid #4b5f78}.customer-r041-meter-legend b{color:#dce7f4}
.customer-r041-warning{margin:9px 0 0;padding:9px 11px;border-radius:9px;border:1px solid #8a6040;background:rgba(184,107,53,.11);color:#ffd7b8;font-size:12px}
.customer-r041-storage-row{margin:13px 0 12px}.customer-r041-storage-copy{display:flex;justify-content:space-between;gap:10px;align-items:end}.customer-r041-storage-copy span{font-size:11px;color:var(--muted)}.customer-r041-storage-copy b{font-size:12px}.customer-r041-storage-meter{height:8px;margin-top:6px;border-radius:999px;overflow:hidden;background:#0a111a;border:1px solid var(--line)}.customer-r041-storage-meter i{display:block;height:100%;background:#337ef0}.customer-r041-storage-meter i.warn{background:#d29a35}.customer-r041-storage-meter i.critical{background:#d95b63}.customer-r041-storage-meta{display:flex;justify-content:space-between;gap:8px;margin-top:5px;color:var(--muted);font-size:10px}
.customer-r041-account-storage{border-top:1px solid var(--border,var(--line));padding-top:16px;margin-top:16px}.customer-r041-account-storage .panel-head{margin-bottom:10px}.customer-r041-account-storage .panel-head strong{font-size:18px}.customer-r041-account-storage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.customer-r041-account-storage-grid article{padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.customer-r041-account-storage-grid span,.customer-r041-account-storage-grid small{display:block;color:var(--muted);font-size:10px}.customer-r041-account-storage-grid strong{display:block;margin:4px 0}
@media(max-width:1050px){.customer-r041-capacity-kpis,.customer-r041-account-storage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.customer-r041-capacity{padding:14px}.customer-r041-capacity-head{display:block}.customer-r041-capacity-head button{width:100%;margin-top:12px}.customer-r041-capacity-kpis,.customer-r041-account-storage-grid{grid-template-columns:1fr}.customer-r041-meter-label,.customer-r041-storage-copy,.customer-r041-storage-meta{align-items:flex-start;flex-direction:column}.customer-r041-meter-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-r041-capacity-kpis strong{font-size:20px}}

/* Repair 05 — scoped radio editor + AI weather */
.radio-edit-dialog{width:min(560px,calc(100vw - 28px));max-width:560px}.radio-edit-dialog form{margin:0}.radio-edit-dialog .dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ai-weather-live{margin-top:12px;border:1px solid var(--border);border-radius:14px;padding:14px;background:rgba(14,24,38,.72)}.ai-weather-head,.ai-weather-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-weather-head>div{display:grid;gap:3px}.ai-weather-main{margin-top:12px;justify-content:flex-start}.ai-weather-main>b{font-size:38px;line-height:1}.ai-weather-main>div{display:grid;gap:3px}.ai-weather-main small,.ai-weather-live>small,.ai-weather-error small{color:var(--muted)}.ai-weather-alert{margin-top:10px;padding:9px 11px;border-radius:9px;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.28)}.ai-weather-error{display:grid;gap:5px}@media(max-width:640px){.radio-edit-dialog{width:calc(100vw - 20px);padding:16px}.ai-weather-head{align-items:flex-start;flex-direction:column}.ai-weather-main>b{font-size:32px}}

/* Fokisen Streaming v2.11.53 Repair 07 — White-label reseller platform */
:root{--brand-accent:#337ef0}
.primary{background:linear-gradient(135deg,var(--brand-accent),color-mix(in srgb,var(--brand-accent) 72%,#7c3aed));border-color:var(--brand-accent)}
.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--brand-accent) 72%,#32126a),var(--brand-accent));}
.onboarding-r07-overlay{z-index:10001}.onboarding-r07-card{width:min(480px,100%)}
.onboarding-r07-brand{display:grid;justify-items:center;gap:5px;margin-bottom:5px}.onboarding-r07-brand .login-brand-logo{height:84px;margin:-8px auto 0}.onboarding-r07-brand-mark{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:var(--brand-accent);font-size:28px;font-weight:900}.onboarding-r07-brand strong{font-size:20px}.onboarding-r07-brand small{color:var(--muted)}
.reseller-r07-page{--r07-card:rgba(12,21,33,.92)}.reseller-r07-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.reseller-r07-heading p{max-width:780px;color:var(--muted);margin-bottom:0}.reseller-r07-kpis,.reseller-r07-account-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.reseller-r07-kpis article,.reseller-r07-account-kpis article{background:var(--r07-card,#0c1521);border:1px solid var(--border,var(--line));border-radius:14px;padding:15px}.reseller-r07-kpis span,.reseller-r07-account-kpis span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em}.reseller-r07-kpis strong,.reseller-r07-account-kpis strong{display:block;font-size:23px;margin:5px 0}.reseller-r07-kpis small,.reseller-r07-account-kpis small{color:var(--muted)}
.reseller-r07-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reseller-r07-card{border:1px solid var(--border,var(--line));border-radius:14px;background:var(--r07-card);padding:16px;display:grid;gap:13px}.reseller-r07-card-head{display:flex;align-items:center;gap:11px}.reseller-r07-logo{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--brand-accent) 25%,#111b2a);background-size:cover;background-position:center;font-weight:900}.reseller-r07-card-head strong,.reseller-r07-card-head small{display:block}.reseller-r07-card-head small{color:var(--muted);margin-top:3px}.reseller-r07-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.reseller-r07-card-stats span{padding:9px;border-radius:9px;background:#09111c;text-align:center;color:var(--muted);font-size:11px}.reseller-r07-card-stats b{display:block;color:#fff;font-size:16px}
.reseller-r07-create-dialog,.customer-r07-create-dialog{width:min(760px,94vw);max-height:92vh;overflow:auto}.reseller-r07-account-dialog{width:min(1120px,96vw)!important;max-width:1120px!important;max-height:94vh;overflow:auto;padding:20px}.reseller-r07-account-dialog>.dialog-head{padding:0 0 14px}.reseller-r07-account-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-top:14px}.reseller-r07-pane{border:1px solid var(--border,var(--line));border-radius:14px;background:rgba(9,17,28,.76);padding:16px;margin-top:13px}.reseller-r07-account-grid>.reseller-r07-pane{margin-top:0}.reseller-r07-brand-preview{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border,var(--line));border-radius:12px;background:#08111c;margin:10px 0}.reseller-r07-brand-preview>div:first-child{width:52px;height:52px;border-radius:13px;display:grid;place-items:center;background:var(--brand-accent);font-size:21px;font-weight:900}.reseller-r07-brand-preview img{width:88px;height:52px;object-fit:contain}.reseller-r07-brand-preview strong,.reseller-r07-brand-preview small{display:block}.reseller-r07-brand-preview small{color:var(--muted)}.reseller-r07-logo-upload{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;border-top:1px solid var(--border,var(--line));margin-top:14px;padding-top:10px}
.reseller-r07-capacity-grid{display:grid;gap:8px}.reseller-r07-capacity-row{display:grid;grid-template-columns:100px 1fr auto;gap:8px;align-items:center}.reseller-r07-capacity-row span{font-size:11px;color:var(--muted)}.reseller-r07-capacity-meter{height:8px;background:#060c14;border-radius:999px;overflow:hidden}.reseller-r07-capacity-meter i{display:block;height:100%;background:var(--brand-accent)}.reseller-r07-capacity-row b{font-size:11px}.reseller-r07-package-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.reseller-r07-package-card{border:1px solid var(--border,var(--line));border-radius:12px;background:#09121e;padding:13px;display:grid;gap:9px}.reseller-r07-package-card.inactive{opacity:.62}.reseller-r07-package-card h4{margin:0}.reseller-r07-package-card small{color:var(--muted)}.reseller-r07-package-price{font-size:22px;font-weight:850}.reseller-r07-package-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reseller-r07-package-form{border-top:1px solid var(--border,var(--line));margin-top:15px;padding-top:15px}.reseller-r07-customer-list{display:grid;gap:8px;margin-top:10px}.reseller-r07-customer{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--border,var(--line));border-radius:10px;padding:11px;background:#09121e}.reseller-r07-customer strong,.reseller-r07-customer small{display:block}.reseller-r07-customer small{color:var(--muted);margin-top:3px}.customer-r07-package-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}.customer-r07-package-preview article{border:1px solid var(--border,var(--line));border-radius:10px;padding:9px;background:#09121e}.customer-r07-package-preview span,.customer-r07-package-preview strong{display:block}.customer-r07-package-preview span{font-size:10px;color:var(--muted)}
.onboarding-r07-result-dialog{width:min(620px,94vw)}.onboarding-r07-result-dialog>.dialog-head,.onboarding-r07-result-body{padding:20px}.onboarding-r07-result-dialog>.dialog-head{padding-bottom:0}.onboarding-r07-result-body input{width:100%}.onboarding-r07-result-body small{display:block;color:var(--muted);margin-top:12px}
@media(max-width:1000px){.reseller-r07-grid,.reseller-r07-package-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-r07-account-grid{grid-template-columns:1fr}.reseller-r07-account-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.reseller-r07-heading{align-items:stretch;flex-direction:column}.reseller-r07-heading .primary{width:100%}.reseller-r07-kpis,.reseller-r07-account-kpis,.reseller-r07-grid,.reseller-r07-package-list,.reseller-r07-package-limits,.customer-r07-package-preview{grid-template-columns:1fr}.reseller-r07-account-dialog{width:96vw!important;padding:14px}.reseller-r07-logo-upload{grid-template-columns:1fr}.reseller-r07-customer{grid-template-columns:1fr}.reseller-r07-account-dialog .form-row,.reseller-r07-create-dialog .form-row,.customer-r07-create-dialog .form-row{grid-template-columns:1fr}}

/* Fokisen Streaming Repair 08 — dedicated infrastructure controls */
.reseller-r08-infrastructure{margin-top:13px}.reseller-r08-infra-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:10px 0 14px}.reseller-r08-infra-summary article{border:1px solid var(--border,var(--line));border-radius:11px;background:#09121e;padding:11px}.reseller-r08-infra-summary span,.reseller-r08-infra-summary strong,.reseller-r08-infra-summary small{display:block}.reseller-r08-infra-summary span{font-size:10px;color:var(--muted);letter-spacing:.08em}.reseller-r08-infra-summary strong{font-size:17px;margin:4px 0}.reseller-r08-infra-summary small{color:var(--muted)}.reseller-r08-platform-fields{border:1px solid var(--border,var(--line));border-radius:12px;background:#08111c;padding:13px;margin:12px 0}.reseller-r08-platform-fields h4{margin-top:0}.reseller-r08-node-admin{border-top:1px solid var(--border,var(--line));margin-top:15px;padding-top:14px}.reseller-r08-node-list{display:grid;gap:8px;margin:9px 0 12px}.reseller-r08-node{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid var(--border,var(--line));border-radius:10px;background:#09121e;padding:10px}.reseller-r08-node strong,.reseller-r08-node small{display:block}.reseller-r08-node small{color:var(--muted);margin-top:3px}.reseller-r08-node-state{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.reseller-r08-node-state.online{color:#76d49b}.reseller-r08-node-assign{align-items:end}.reseller-r08-mode-chip{display:inline-flex;align-items:center;border:1px solid var(--border,var(--line));border-radius:999px;padding:3px 8px;font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin-top:5px;color:var(--muted)}.reseller-r08-manifest{white-space:pre-wrap;max-height:55vh;overflow:auto;background:#050a11;border:1px solid var(--border,var(--line));padding:14px;border-radius:10px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.reseller-r08-readonly{opacity:.82}.reseller-r08-warning{margin-top:10px;color:#f0bd62}
@media(max-width:760px){.reseller-r08-infra-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.reseller-r08-node{grid-template-columns:1fr}.reseller-r08-node-assign{grid-template-columns:1fr}}
@media(max-width:480px){.reseller-r08-infra-summary{grid-template-columns:1fr}}
.reseller-r08-migrations{border-top:1px solid var(--border,var(--line));margin-top:15px;padding-top:14px}.reseller-r08-migration{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr) auto;gap:9px;align-items:end;border:1px solid var(--border,var(--line));border-radius:10px;background:#09121e;padding:10px}.reseller-r08-migration strong,.reseller-r08-migration small{display:block}.reseller-r08-migration small{color:var(--muted);margin-top:3px}.reseller-r08-migration label{margin:0}.reseller-r08-migration select{min-height:36px}
@media(max-width:760px){.reseller-r08-migration{grid-template-columns:1fr}}

/* Fokisen Streaming Repair 14 — App Builder Build / Sign / Submit */
.apps-v19-pipeline{margin-top:16px;border:1px solid var(--border,var(--line));border-radius:16px;background:linear-gradient(145deg,rgba(9,18,31,.98),rgba(11,25,42,.95));padding:16px}.apps-v19-pipeline-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.apps-v19-pipeline-head span,.apps-v19-pipeline-head strong,.apps-v19-pipeline-head small{display:block}.apps-v19-pipeline-head span{font-size:10px;letter-spacing:.13em;color:#5fa5ff;font-weight:800}.apps-v19-pipeline-head strong{font-size:20px;margin:4px 0}.apps-v19-pipeline-head small{color:var(--muted);max-width:680px}.apps-v19-pipeline-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:14px 0}.apps-v19-pipeline-summary article{padding:11px;border:1px solid var(--border,var(--line));border-radius:11px;background:#08111d}.apps-v19-pipeline-summary span,.apps-v19-pipeline-summary small{display:block;color:var(--muted);font-size:10px}.apps-v19-pipeline-summary strong{display:block;margin:4px 0;font-size:16px}.apps-v19-state{display:inline-flex!important;width:max-content;border-radius:999px;padding:3px 8px;border:1px solid #455a75;text-transform:uppercase;letter-spacing:.06em}.apps-v19-state.good{color:#7ce2a4;border-color:#2d7a4b}.apps-v19-state.warn{color:#ffd16a;border-color:#8a6724}.apps-v19-state.bad{color:#ff9090;border-color:#8e3d45}.apps-v19-state.blue{color:#8fc0ff;border-color:#315f9a}.apps-v19-pipeline-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.apps-v19-pipeline-tools>div{display:grid;grid-template-columns:1fr auto;gap:8px;border:1px solid var(--border,var(--line));border-radius:12px;padding:12px;background:#07101b}.apps-v19-pipeline-tools strong,.apps-v19-pipeline-tools small{grid-column:1/-1}.apps-v19-pipeline-tools small{color:var(--muted);font-size:10px}.apps-v19-pipeline-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:14px}.apps-v19-pipeline-grid>section{border:1px solid var(--border,var(--line));border-radius:12px;padding:12px;background:#07101b}.apps-v19-build,.apps-v19-submission{border:1px solid rgba(96,124,160,.28);border-radius:10px;padding:10px;margin-top:8px;background:#0a1523}.apps-v19-build-head,.apps-v19-submission-head{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.apps-v19-build strong,.apps-v19-build small,.apps-v19-submission strong,.apps-v19-submission small{display:block}.apps-v19-build small,.apps-v19-submission small{color:var(--muted);margin-top:3px}.apps-v19-build-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.apps-v19-build code{font-size:9px;color:#8eabc9}.apps-v19-submission-status{display:flex;gap:7px;margin-top:8px}.apps-v19-submission-status select{min-width:130px}.apps-v19-connection-dialog,.apps-v19-runner-dialog{width:min(760px,94vw);max-height:92vh;overflow:auto}.apps-v19-connection-dialog textarea,.apps-v19-runner-dialog textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}@media(max-width:900px){.apps-v19-pipeline-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-v19-pipeline-grid,.apps-v19-pipeline-tools{grid-template-columns:1fr}}@media(max-width:600px){.apps-v19-pipeline{padding:12px}.apps-v19-pipeline-head{display:block}.apps-v19-pipeline-head .button-row{margin-top:10px}.apps-v19-pipeline-summary{grid-template-columns:1fr}.apps-v19-pipeline-tools>div{grid-template-columns:1fr}.apps-v19-pipeline-tools>div button{width:100%}.apps-v19-build-head,.apps-v19-submission-head{display:block}.apps-v19-submission-status{flex-direction:column}}


/* Repair 15 — Live Event Takeover Scheduler */
.live-event-r15{margin:18px 0;padding:18px;border:1px solid rgba(91,120,160,.24);border-radius:18px;background:linear-gradient(180deg,rgba(11,25,44,.96),rgba(8,18,32,.96));box-shadow:0 16px 40px rgba(0,0,0,.18)}
.live-event-r15-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}.live-event-r15-head h3{margin:3px 0 4px;font-size:20px}.live-event-r15-head p{margin:0;color:var(--muted,#8fa0b8);max-width:780px}.live-event-r15-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.live-event-r15-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 14px}.live-event-r15-kpis article{padding:12px 14px;border:1px solid rgba(91,120,160,.2);border-radius:13px;background:rgba(18,37,61,.66)}.live-event-r15-kpis span{display:block;color:#8da0ba;font-size:10px;font-weight:800;letter-spacing:.08em}.live-event-r15-kpis strong{display:block;font-size:22px;margin-top:4px}.live-event-r15-kpis small{color:#70829d;font-size:11px}
.live-event-r15-create{border:1px solid rgba(64,132,255,.28);border-radius:14px;background:rgba(14,29,49,.74);margin-bottom:14px}.live-event-r15-create summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.live-event-r15-create summary span{display:flex;flex-direction:column;gap:2px}.live-event-r15-create summary small{color:#7f92ad;font-weight:400}
.live-event-r15-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 15px 15px}.live-event-r15-form label{display:flex;flex-direction:column;gap:6px;color:#94a7c1;font-size:11px;font-weight:700}.live-event-r15-form label.wide,.live-event-r15-form .wide{grid-column:1/-1}.live-event-r15-form input,.live-event-r15-form select{width:100%}.live-event-r15-check{flex-direction:row!important;align-items:center!important}.live-event-r15-check input{width:auto!important}.live-event-r15-note{padding:11px 13px;border-radius:11px;background:rgba(31,113,255,.1);color:#92a6c4;font-size:12px}.live-event-r15-form-actions{display:flex;justify-content:flex-end;gap:8px}
.live-event-r15-list{display:grid;gap:9px}.live-event-r15-row{display:grid;grid-template-columns:82px minmax(0,1fr) 170px auto;gap:13px;align-items:center;padding:13px;border:1px solid rgba(91,120,160,.18);border-radius:14px;background:rgba(12,26,44,.76)}.live-event-r15-row.live{border-color:rgba(255,62,76,.45);box-shadow:inset 3px 0 #ff3d4f}.live-event-r15-row.ready{border-color:rgba(37,203,128,.35)}.live-event-r15-row.waiting_source{border-color:rgba(255,181,62,.35)}.live-event-r15-time{display:flex;flex-direction:column;text-align:center;border-right:1px solid rgba(91,120,160,.18);padding-right:12px}.live-event-r15-time strong{font-size:15px}.live-event-r15-time span{font-size:11px;color:#8fa0b8}.live-event-r15-copy{min-width:0}.live-event-r15-copy>strong{display:block;font-size:15px;margin:4px 0 2px}.live-event-r15-copy small,.live-event-r15-copy p{color:#8496af}.live-event-r15-copy p{margin:3px 0 0;font-size:12px}.live-event-r15-status,.live-event-r15-ready{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;letter-spacing:.06em;margin-right:5px}.live-event-r15-status{background:#27364b;color:#b9c7da}.live-event-r15-status.live{background:rgba(255,61,79,.18);color:#ff7582}.live-event-r15-status.ready{background:rgba(37,203,128,.16);color:#54d89e}.live-event-r15-status.waiting_source{background:rgba(255,181,62,.14);color:#ffbf58}.live-event-r15-ready{background:rgba(37,203,128,.12);color:#54d89e}.live-event-r15-meta{display:flex;flex-direction:column;gap:4px;color:#8092aa;font-size:11px}.live-event-r15-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.live-event-r15-empty{padding:26px;text-align:center;border:1px dashed rgba(91,120,160,.25);border-radius:14px;color:#8193ac}.live-event-r15-empty b,.live-event-r15-empty strong,.live-event-r15-empty small{display:block}.live-event-r15-empty b{font-size:22px;color:#ff5666}.live-event-r15-empty strong{color:#cbd6e6;margin:4px}.live-event-r15-empty small{font-size:11px}
@media(max-width:900px){.live-event-r15-head{flex-direction:column}.live-event-r15-actions{justify-content:flex-start}.live-event-r15-kpis{grid-template-columns:repeat(2,1fr)}.live-event-r15-row{grid-template-columns:70px 1fr}.live-event-r15-meta,.live-event-r15-row-actions{grid-column:2}.live-event-r15-row-actions{justify-content:flex-start}}
@media(max-width:620px){.live-event-r15-form{grid-template-columns:1fr}.live-event-r15-form label.wide,.live-event-r15-form .wide{grid-column:auto}.live-event-r15-kpis{grid-template-columns:1fr 1fr}.live-event-r15-row{grid-template-columns:1fr}.live-event-r15-time{border-right:0;border-bottom:1px solid rgba(91,120,160,.18);padding:0 0 8px;text-align:left}.live-event-r15-meta,.live-event-r15-row-actions{grid-column:1}}