/* CastControl v0.3.1.2 — visible total UI hotfix.
   Administrative/user-facing surfaces only. OBS protected renderers never load this file. */
:root{
  --cc312-bg:#03050a;--cc312-bg2:#060a11;--cc312-panel:#0b111a;--cc312-panel2:#101824;
  --cc312-line:#1d2a3d;--cc312-line2:#344861;--cc312-text:#f7fbff;--cc312-muted:#8e9daf;
  --cc312-purple:#8b35d3;--cc312-cyan:#00f5d4;--cc312-yellow:#ffee32;--cc312-red:#ff0054;
  --cc312-shadow:0 22px 65px rgba(0,0,0,.52);--cc312-top:64px;--cc-display:32px;--cc-title:22px;--cc-body:16px;
}
html.cc-ui-v312-root{background:var(--cc312-bg)}
body.cc-ui-v312{padding-top:var(--cc312-top)!important;background:
  radial-gradient(1000px 520px at 18% -7%,rgba(139,53,211,.22),transparent 58%),
  radial-gradient(900px 500px at 91% 0%,rgba(0,245,212,.09),transparent 52%),
  linear-gradient(180deg,#03050a 0%,#050811 52%,#03050a 100%)!important;color:var(--cc312-text)!important}
body.cc-ui-v312::after{content:'';position:fixed;inset:var(--cc312-top) 0 0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.011) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%)}

/* Global command deck: the unmistakable v3.1.2 shell */
.cc312-commandbar{position:fixed;left:0;right:0;top:0;height:var(--cc312-top);z-index:10000;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:0 20px;background:rgba(3,5,10,.94);border-bottom:1px solid rgba(0,245,212,.2);backdrop-filter:blur(18px);box-shadow:0 12px 38px rgba(0,0,0,.38)}
.cc312-commandbar::before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--cc312-purple),var(--cc312-cyan),transparent);opacity:.8}
.cc312-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.cc312-mark{width:26px;height:26px;border:1px solid rgba(0,245,212,.62);border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(139,53,211,.24),rgba(0,245,212,.1));box-shadow:0 0 24px rgba(0,245,212,.1);font:900 12px/1 monospace;color:var(--cc312-cyan)}
.cc312-brand strong{font:900 14px/1 'Roboto Mono','Cascadia Code',monospace;letter-spacing:.11em}.cc312-brand small{display:block;margin-top:4px;color:#718196;font:800 9px/1 monospace;letter-spacing:.12em}
.cc312-context{min-width:0}.cc312-context b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;letter-spacing:.015em}.cc312-context span{display:block;color:var(--cc312-muted);font:700 10px/1.2 monospace;letter-spacing:.08em;margin-top:3px;text-transform:uppercase}
.cc312-actions{display:flex;align-items:center;gap:8px}.cc312-navbtn,.cc312-helpbtn{height:36px;border-radius:9px;border:1px solid var(--cc312-line2);background:#0b121c;color:#fff;padding:0 12px;font:900 11px/1 'Rajdhani','Segoe UI',sans-serif;letter-spacing:.055em;cursor:pointer}.cc312-navbtn:hover,.cc312-helpbtn:hover{border-color:var(--cc312-cyan);background:#0d1821}.cc312-version{display:inline-flex;align-items:center;height:27px;padding:0 9px;border-radius:999px;border:1px solid rgba(139,53,211,.5);background:rgba(139,53,211,.1);color:#d9adfb;font:900 9px/1 monospace;letter-spacing:.08em}

/* Home/Admin: old persistent sidebar becomes a drawer; content is full-width */
body.cc-page-home .app,body.cc-page-admin .app{display:block!important;min-height:calc(100vh - var(--cc312-top))!important;background:transparent!important}
body.cc-page-home .sidebar,body.cc-page-admin .sidebar{position:fixed!important;z-index:10020!important;left:0!important;top:var(--cc312-top)!important;bottom:0!important;width:300px!important;transform:translateX(-104%);transition:transform .18s ease!important;background:linear-gradient(180deg,#070c13,#05080d)!important;border-right:1px solid var(--cc312-line2)!important;padding:20px 16px!important;box-shadow:28px 0 70px rgba(0,0,0,.62)!important;overflow:auto!important}
body.cc-nav-open.cc-page-home .sidebar,body.cc-nav-open.cc-page-admin .sidebar{transform:none}
body.cc-page-home .main,body.cc-page-admin .main{max-width:1780px!important;width:100%!important;margin:0 auto!important;padding:28px clamp(18px,3.3vw,56px) 58px!important}
.cc312-backdrop{position:fixed;z-index:10010;inset:var(--cc312-top) 0 0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.18s}.cc-nav-open .cc312-backdrop{opacity:1;pointer-events:auto}
body.cc-page-home .topbar,body.cc-page-admin .topbar{display:none!important}
body.cc-page-home .sidebar .brand,body.cc-page-admin .sidebar .brand{font-size:17px!important}.sidebar .version{display:none!important}

/* Page workspace shell */
body.cc-ui-v312 .card,body.cc-ui-v312 .panel,body.cc-ui-v312 .wizard-card,body.cc-ui-v312 .rail-section,body.cc-ui-v312 .incident-card{background:linear-gradient(180deg,rgba(13,19,29,.98),rgba(6,10,16,.99))!important;border:1px solid var(--cc312-line)!important;border-radius:14px!important;box-shadow:0 16px 45px rgba(0,0,0,.34)!important}
body.cc-ui-v312 .card:hover{border-color:#2c3d54!important}
body.cc-ui-v312 h1,body.cc-ui-v312 h2,body.cc-ui-v312 h3{letter-spacing:.01em}
body.cc-ui-v312 .btn,body.cc-ui-v312 .button,body.cc-ui-v312 button{border-radius:9px}
body.cc-ui-v312 .btn:not(.secondary):not(.bad):not(.warn):not(.warning):not(.danger){background:linear-gradient(180deg,#933ce0,#6d25a7)!important;border-color:#aa5ee4!important}
body.cc-ui-v312 input,body.cc-ui-v312 select,body.cc-ui-v312 textarea{background:#05090f!important;border-color:#2a3a50!important}
body.cc-ui-v312 th{background:#07101a!important;border-bottom-color:#2a3a50!important}
body.cc-ui-v312 .table-wrap{border-radius:12px!important;border-color:#233248!important;background:#050a10!important}

/* Home becomes a focused mission-control landing */
body.cc-page-home .cyber-home{max-width:1500px;margin:0 auto}.cc-page-home .home-hero{min-height:300px!important;display:flex;flex-direction:column;justify-content:center;padding:38px!important;border:1px solid rgba(139,53,211,.48)!important;background:linear-gradient(125deg,rgba(139,53,211,.22),rgba(8,13,21,.97) 52%,rgba(0,245,212,.07))!important;box-shadow:0 28px 80px rgba(0,0,0,.46)!important}.cc-page-home .home-hero::after{content:'MISSION CONTROL';position:absolute;right:26px;top:22px;color:rgba(255,255,255,.12);font:900 11px/1 monospace;letter-spacing:.18em}.cc-page-home .home-primary-grid{gap:16px!important}.cc-page-home .flow-action{border:1px solid #2b3b52!important;background:#090f17!important;min-height:182px!important}.cc-page-home .flow-action:hover{border-color:var(--cc312-cyan)!important;transform:translateY(-2px)}

/* Wizard: centered guided console, strong step rail */
body.cc-page-wizard .wizard-shell{max-width:1360px!important;padding:28px clamp(16px,3vw,46px) 60px!important}.cc-page-wizard .wizard-head{border:1px solid var(--cc312-line)!important;border-radius:14px!important;background:#080e16!important;padding:18px 20px!important;margin-bottom:14px!important}.cc-page-wizard .progress{top:76px!important;border:1px solid #25364d!important;border-radius:14px!important;background:rgba(5,9,15,.92)!important;padding:10px!important;box-shadow:0 14px 38px rgba(0,0,0,.3)!important}.cc-page-wizard .progress-step{border-radius:10px!important;padding:10px!important}.cc-page-wizard .progress-step.active{background:linear-gradient(90deg,rgba(139,53,211,.22),rgba(0,245,212,.04))!important;border:1px solid rgba(139,53,211,.45)!important}.cc-page-wizard .type-card{min-height:155px!important;border-radius:14px!important;border:1px solid #26374e!important;background:#08101a!important}.cc-page-wizard .type-card.selected{border-color:var(--cc312-cyan)!important;box-shadow:0 0 0 1px rgba(0,245,212,.18),0 16px 38px rgba(0,0,0,.35)!important}

/* Live: command center framing, visibly different */
body.cc-page-live{overflow-x:hidden}.cc-page-live .cockpit{max-width:none!important;width:100%!important}.cc-page-live .system-health-bar{position:sticky!important;top:var(--cc312-top)!important;z-index:80!important;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;background:rgba(5,9,15,.96)!important;backdrop-filter:blur(18px)!important;box-shadow:0 14px 44px rgba(0,0,0,.34)!important}.cc-page-live .cockpit-workspace{display:grid!important;grid-template-columns:350px minmax(0,1fr)!important;gap:0!important;max-width:1900px!important;margin:0 auto!important;min-height:calc(100vh - 130px)!important}.cc-page-live .stream-rail{position:sticky!important;top:calc(var(--cc312-top) + 96px)!important;align-self:start;height:calc(100vh - var(--cc312-top) - 104px)!important;overflow:auto!important;border-right:1px solid var(--cc312-line)!important;border-radius:0!important;background:#060b12!important;padding:14px!important}.cc-page-live .rail-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;padding:6px!important;background:#050a10!important;border:1px solid var(--cc312-line)!important;border-radius:12px!important}.cc-page-live .rail-tab{min-height:42px!important}.cc-page-live .rail-tab.active{background:linear-gradient(180deg,rgba(139,53,211,.25),rgba(139,53,211,.08))!important;border-color:rgba(139,53,211,.65)!important;color:#fff!important}.cc-page-live .center-stage,.cc-page-live .live-main,.cc-page-live .cockpit-center{padding:22px clamp(18px,2vw,34px)!important}.cc-page-live .session-actions{border:1px solid rgba(255,238,50,.24)!important;background:linear-gradient(180deg,rgba(255,238,50,.035),#090d14)!important}.cc-page-live .cc-export-png{background:linear-gradient(180deg,#0d8876,#076154)!important;border-color:rgba(0,245,212,.68)!important;color:white!important;box-shadow:0 0 28px rgba(0,245,212,.09)!important}

/* Incidents: triage console */
body.cc-page-incidents .incidents-page{max-width:1700px!important;padding:30px clamp(18px,3vw,48px)!important}.cc-page-incidents .incidents-page::before{content:'TRIAGE / VALIDATION QUEUE';display:block;margin-bottom:10px;color:#7c8da3;font:900 10px/1 monospace;letter-spacing:.16em}.cc-page-incidents .incident-card{padding:18px!important}.cc-page-incidents .incident-card[data-severity=CRITICAL]{border-left:5px solid var(--cc312-red)!important;background:linear-gradient(90deg,rgba(255,0,84,.055),rgba(11,17,26,.98) 18%)!important}.cc-page-incidents .incident-card[data-severity=HIGH]{border-left:5px solid var(--cc312-yellow)!important}

/* Designer: keep the specialist 2-pane model but make it a coherent workstation */
body.cc-page-designer .designer-app,body.cc-page-designer .app{min-height:calc(100vh - var(--cc312-top))!important}.cc-page-designer aside{top:var(--cc312-top)!important;height:calc(100vh - var(--cc312-top))!important;background:#050a10!important;border-right:1px solid #293950!important}.cc-page-designer .workspace{background:radial-gradient(circle at 50% 8%,rgba(139,53,211,.1),transparent 38%),#03070c!important}.cc-page-designer .workspace .topbar{top:var(--cc312-top)!important;background:rgba(6,10,16,.94)!important;backdrop-filter:blur(16px)!important}.cc-page-designer .stage-wrap{padding:24px!important}.cc-page-designer .stage{border:1px solid #334963!important;border-radius:16px!important;padding:14px!important;background:#05080d!important;box-shadow:0 26px 80px rgba(0,0,0,.5)!important}

/* Standalone modern admin tools */
body.cc-page-analytics>main,body.cc-page-analytics>.wrap,body.cc-page-mock>main,body.cc-page-mock>.wrap,body.cc-page-director>main,body.cc-page-director>.container,body.cc-page-teaming>main,body.cc-page-teaming>.app-shell,body.cc-page-dashboard .dash{max-width:1720px!important;margin:0 auto!important;padding:30px clamp(18px,3vw,48px)!important}.cc-v312-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--cc312-line);border-radius:14px;background:linear-gradient(120deg,rgba(139,53,211,.13),rgba(6,11,18,.96) 48%,rgba(0,245,212,.035));box-shadow:0 16px 45px rgba(0,0,0,.28)}.cc-v312-page-head .eyebrow{color:#b685db;font:900 10px/1 monospace;letter-spacing:.14em}.cc-v312-page-head h1{margin:6px 0 4px;font-size:30px}.cc-v312-page-head p{margin:0;color:var(--cc312-muted)}

/* Public dashboard becomes broadcast-stat styled */
.cc-page-dashboard .hero{border-radius:16px!important;border:1px solid #2b3d55!important;background:linear-gradient(120deg,rgba(139,53,211,.26),#09111b 52%,rgba(0,245,212,.08))!important;box-shadow:0 24px 68px rgba(0,0,0,.42)!important}.cc-page-dashboard .tabs{top:calc(var(--cc312-top) + 10px)!important;background:rgba(5,10,16,.9)!important;backdrop-filter:blur(14px)!important}

/* Help drawer */
.cc312-help{position:fixed;z-index:10030;right:14px;top:calc(var(--cc312-top) + 14px);width:min(390px,calc(100vw - 28px));max-height:calc(100vh - var(--cc312-top) - 28px);overflow:auto;border:1px solid #31465f;border-radius:14px;background:#07101a;box-shadow:0 28px 90px rgba(0,0,0,.62);padding:18px;display:none}.cc312-help.open{display:block}.cc312-help h3{margin:0 0 8px}.cc312-help p{color:var(--cc312-muted);margin:0 0 12px}.cc312-help code{color:var(--cc312-cyan)}

@media(max-width:900px){:root{--cc312-top:58px}.cc312-commandbar{padding:0 10px;gap:9px}.cc312-brand small,.cc312-version{display:none}.cc312-context span{display:none}.cc312-context b{font-size:13px}.cc-page-live .cockpit-workspace{grid-template-columns:1fr!important}.cc-page-live .stream-rail{position:relative!important;top:0!important;height:auto!important;border-right:0!important;border-bottom:1px solid var(--cc312-line)!important}.cc-page-designer aside{position:relative!important;top:0!important;height:auto!important}.cc-v312-page-head{flex-direction:column;align-items:flex-start}}