/* Command Center palette: orange first, white second, cyan third, a little lavender, pink as a small accent.
   Loaded after command-center.css and site-vibe.css, so it only restates colours. Same look as the home page. */
:root{--cyan:#65faff;--terminus-cyan:#65faff;--orange:#ff7a18;--terminus-orange:#ff7a18;--ink:#05050b;--terminus-ink:#05050b;--panel:rgba(5,7,14,.95);--terminus-panel:rgba(5,7,14,.9);--text:#d3dce4;--muted:#8fa9b6;--lav:#c6a0ff;--pink:#ff4fa8}
html,body{background:#05050b;color:#d3dce4}
#matrix{background:#05050b}

/* navigation, as on the home page */
nav.top-nav{border-bottom-color:rgba(101,250,255,.25);background:linear-gradient(180deg,rgba(5,7,14,.97),rgba(5,7,14,.88));box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 -1px rgba(255,122,24,.3)}
nav.top-nav::before{border-right-color:rgba(101,250,255,.28);color:#fff;text-shadow:0 0 14px rgba(255,122,24,.5)}
nav.top-nav a,nav.top-nav>details.nav-command-group>summary{color:#d9e1ea}
nav.top-nav a:hover,nav.top-nav a:focus-visible,nav.top-nav a.active,
nav.top-nav>details.nav-command-group>summary:hover,nav.top-nav>details.nav-command-group>summary:focus-visible,nav.top-nav>details.nav-command-group>summary.active{color:#fff;text-shadow:0 0 12px rgba(255,122,24,.6)}
nav.top-nav a:focus-visible,nav.top-nav>details.nav-command-group>summary:focus-visible{outline-color:var(--orange)}
nav.top-nav .nav-command-menu{border-color:rgba(101,250,255,.4);background:rgba(5,7,14,.98);box-shadow:0 16px 34px rgba(0,0,0,.55),0 0 18px rgba(101,250,255,.14)}
nav.top-nav .nav-command-menu a{border-bottom-color:rgba(101,250,255,.16)}
.audio-control .archive-music-toggle{background:rgba(5,7,14,.92);color:#e3e9ef}

/* hero */
.command-hero{border-color:rgba(255,122,24,.6);background:linear-gradient(rgba(101,250,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(101,250,255,.035) 1px,transparent 1px),linear-gradient(115deg,rgba(6,9,18,.98),rgba(5,6,12,.9));background-size:42px 42px,42px 42px,auto;box-shadow:-8px 0 28px rgba(101,250,255,.16),8px 0 28px rgba(255,122,24,.2)}
/* COMMAND CENTER title: blue-black letters, outline cyan, white, then orange, left to right */
h1{position:relative;display:inline-block;color:#030a1c;-webkit-text-stroke:2px #65faff;text-shadow:-4px 0 14px rgba(101,250,255,.65),4px 0 14px rgba(255,122,24,.45)}
h1::before,h1::after{content:"COMMAND\A CENTER";white-space:pre;position:absolute;inset:0;color:#030a1c}
h1::before{-webkit-text-stroke:2px #fff;clip-path:polygon(28% 0,52% 0,52% 100%,28% 100%);text-shadow:0 0 12px rgba(255,255,255,.45)}
h1::after{-webkit-text-stroke:2px var(--orange);clip-path:polygon(52% 0,100% 0,100% 100%,52% 100%)}
.hero-subtitle{color:#fff;text-shadow:0 0 10px rgba(255,122,24,.3)}
.hero-readout{border-color:rgba(255,122,24,.45);background:rgba(5,7,14,.82)}
.hero-readout div{border-right-color:rgba(101,250,255,.17);border-bottom-color:rgba(101,250,255,.17)}
.hero-readout strong{color:#fff;text-shadow:0 0 9px rgba(255,255,255,.3)}
.hero-readout div:first-child strong,.hero-readout div:last-child strong{color:var(--orange);text-shadow:0 0 9px rgba(255,122,24,.5)}
.hero-readout div:nth-child(3) strong{color:var(--cyan);text-shadow:0 0 9px rgba(101,250,255,.5)}
.hero-vector{border-color:rgba(255,79,168,.35);box-shadow:0 0 26px rgba(255,79,168,.14)}

/* program switcher */
.command-subnav{background:rgba(101,250,255,.24)}
.command-subnav a{background:rgba(5,7,14,.97);color:#a9b9c4}
.command-subnav a:hover,.command-subnav a:focus-visible,.command-subnav a.active{color:#fff}

/* panels */
.control-panel{border-color:rgba(101,250,255,.42)}
.valor-panel,.outer-sectors-panel{border-color:rgba(255,122,24,.48)}
.panel-heading{border-bottom-color:rgba(101,250,255,.2)}
.panel-heading h2{color:#fff;text-shadow:0 0 10px rgba(255,122,24,.4)}
.valor-panel .panel-heading h2{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.35)}
.outer-sectors-panel .panel-heading h2{color:var(--orange)}
.dashboard-layout>.control-panel:nth-child(2) .panel-heading>span{color:#fff}
.dashboard-layout>.control-panel:nth-child(3) .panel-heading>span{color:var(--cyan)}
.dashboard-layout>.control-panel:nth-child(4) .panel-heading>span{color:var(--lav)}
.dashboard-layout>.control-panel:nth-child(5) .panel-heading>span{color:var(--pink)}
.system-list p,.metric-stack p{border-bottom-color:rgba(101,250,255,.12)}
.system-list b{color:var(--cyan)}
.metric-stack b{color:#fff}
.panel-link:hover,.panel-link:focus-visible{color:#fff}
.telemetry-layout{background:rgba(101,250,255,.14)}
.telemetry-layout div{background:rgba(5,7,14,.96)}
.telemetry-layout strong{color:#fff}
.outer-sectors-node{color:var(--cyan)}
.outer-sectors-node.unknown{color:var(--lav)}
.outer-sectors-strip .outer-sectors-node::before{background:#05070e}

/* terminal */
.mcp-terminal{background:rgba(4,5,10,.97)}
.core-status b{color:#fff}
.mcp-prompt{color:#fff;text-shadow:0 0 8px rgba(255,122,24,.55)}
#mcpInput{color:#fff;text-shadow:0 0 8px rgba(255,122,24,.55)}
#mcpInput::placeholder{color:rgba(255,255,255,.32)}
@media(max-width:560px){h1::before,h1::after{-webkit-text-stroke-width:2px}}