/* SCION Deploy 0.9 — Operator-grade design system. No external fonts/CDNs. */
:root{--bg:#080f19;--panel:#111c2a;--panel2:#152236;--line:#243449;--line2:#1b2a3a;--text:#e8f0f8;--soft:#c5d4e5;--muted:#8196ae;--accent:#6fe0bc;--accent2:#8aabff;--danger:#ff8898;--warn:#f3c978;--shadow:0 28px 90px #01060c78;color-scheme:dark}
html{scroll-behavior:smooth}body{font-family:Inter,'Segoe UI',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:14px;letter-spacing:-.013em;background:radial-gradient(ellipse 900px 500px at 94% -4%,#17365365,transparent 72%),#080f19}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #70e1c2;outline-offset:2px}
.sidebar{width:272px;flex-basis:272px;padding:26px 13px 20px;background:#0b1420;border-right:1px solid #24344b;position:sticky;top:0;height:100vh;overflow:auto;scrollbar-color:#344858 transparent;scrollbar-width:thin}
.brand{padding:0 13px 27px;gap:13px}.brand strong{font:750 17px/1.15 'Segoe UI',system-ui;letter-spacing:-.7px}.brand-light{font-weight:500;color:#b7d1db}.brand small{font-size:9px;letter-spacing:2.1px;color:#72909f;margin-top:7px;font-weight:700}.brand-mark{width:44px;height:44px;border-radius:13px;border:1px solid #285f65;background:linear-gradient(145deg,#17343d,#0b2231);color:#80edcb;flex-shrink:0;box-shadow:0 10px 32px #001b2655}.brand-mark svg{width:29px;height:29px}
.environment-block{margin:0 8px 34px;border:1px solid #314055;background:linear-gradient(150deg,#19283b,#101d2c);border-radius:12px;padding:13px 11px;display:flex;gap:10px;align-items:center}.env-dot{width:9px;height:9px;border-radius:3px;background:#7fe1b7;box-shadow:0 0 14px #6fe0bc66;flex-shrink:0}.environment-block b{font-size:12px;font-weight:700;display:block;color:#e5eff5}.environment-block small{display:block;font-size:10px;color:#8096ac;margin-top:5px}.env-chevron{margin-left:auto;color:#738ba2;font-size:17px}
.nav-caption{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.3px;color:#617891;padding:0 16px 10px}.nav-caption span{color:#465c70}.nav-caption-spaced{padding-top:26px}.nav-item{margin:2px 0;gap:12px;border-radius:9px;padding:11px 12px;font-size:12.5px;font-weight:560;color:#91a5bc;letter-spacing:.0em}.nav-item:hover{background:#15253a;color:#f3f8ff}.nav-item.active{color:#d8fff0;background:#183d3c;border-color:#2c675d;box-shadow:inset 3px 0 #71e5bc,0 0 0 1px #15353044}.nav-icon{width:23px;height:20px;display:grid;place-items:center;font-size:17px;color:#7e92a9}.nav-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-item.active .nav-icon{color:#72e3c1}.nav-side{margin-left:auto;color:#63ccaa;border:1px solid #25544b;border-radius:5px;font-size:8px;padding:2px 4px;font-weight:800;letter-spacing:.4px}
.sidebar-bottom{margin:30px 8px 0;padding:17px 6px}.sidebar-bottom strong{font-size:12px}.sidebar-bottom small{font-size:10px}.connection-dot{width:8px;height:8px}
.main-area{min-width:0}.topbar{height:72px;padding:0 39px;background:#0d1825bb;backdrop-filter:blur(16px);position:sticky;top:0;z-index:8}.breadcrumbs{font-size:12px}.crumb-root{letter-spacing:1.5px;font-size:10px;color:#71869d;font-weight:800}.breadcrumbs strong{font-size:13px;color:#e5f0fb}.crumb-sep{color:#557084}.top-clock{color:#7e99ad;font-size:11px;font-variant-numeric:tabular-nums}.top-actions{gap:12px}.mode-pill{padding:8px 12px;border:1px solid #294c49;background:#102b2b;color:#a6e8d3;font-size:11px}.mode-pill i{background:#70e1bd}.account-pill{color:#c8d8e7;background:#162335;border:1px solid #283b50;padding:9px 12px;border-radius:22px;font-size:11px}.icon-button{width:37px;height:37px;border-radius:10px;background:#172537}.icon-button:hover{background:#21354b}.avatar{width:34px;height:34px;background:#72cdb844;color:#8de8ce;border:1px solid #36816e;font-size:15px;border-radius:10px}
.workspace-banner{height:34px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #253449;background:#111c29;padding:0 40px;color:#90a8ba;font-size:9px;letter-spacing:1.1px;font-weight:650}.banner-marker{width:5px;height:5px;border-radius:50%;background:#70e1bd}.banner-divider{height:12px;width:1px;background:#344459}.banner-right{margin-left:auto;color:#88afc3}.content{max-width:1740px;padding:40px 42px 55px}.page-heading{align-items:center;margin-bottom:30px}.page-heading h1{font-family:'Segoe UI',Inter,system-ui;font-weight:750;font-size:33px;line-height:1.18;letter-spacing:-1.2px}.page-heading p{font-size:13px;line-height:1.7;color:#9aacc1;max-width:760px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:750;margin-bottom:12px;color:#78d7b7}.button{font-size:12px;padding:11px 16px;border-radius:9px;font-weight:650}.button-primary{background:#75e4bf;color:#09221e;box-shadow:0 10px 24px #4acaa122}.button-primary:hover{background:#9dffdb}.button-ghost{background:#172638;border-color:#30445a;color:#dfebf6}
.stats-grid{gap:18px;margin-bottom:24px}.stat-card{padding:23px;border-radius:14px;background:linear-gradient(136deg,#18293a,#101d2b 80%);border-color:#2b4054;min-height:144px}.stat-top{font-size:12px;font-weight:650;color:#a9bfd1}.stat-icon{width:33px;height:33px;background:#1a4045;color:#85e4c6}.stat-value{font:750 35px/1 'Segoe UI',system-ui;margin-top:19px;letter-spacing:-1px}.stat-note{font-size:11px;color:#7e95ac;margin-top:9px}.panel{background:linear-gradient(145deg,#131f2e,#101a27);border:1px solid #26394b;border-radius:14px;box-shadow:0 14px 30px #00000012}.panel-head{padding:21px 23px;border-color:#243549}.panel-title{font-size:15px;font-weight:750;letter-spacing:-.3px}.panel-subtitle{font-size:11.5px;margin-top:7px;color:#829bb0}.panel-body{padding:23px}.dashboard-grid{gap:20px}.notice{padding:17px 19px;border-radius:11px;background:#322b1a80;border:1px solid #6a5c3666;color:#f0d5a5;font-size:12px;line-height:1.7;margin-bottom:23px}.notice strong{font-size:12px}.quick-row{padding:15px 7px}.quick-copy strong{font-size:12px}.quick-copy small{font-size:11px}.quick-count{font-size:18px}.quick-icon{width:39px;height:39px;font-size:19px}.subsection-heading h3{font-size:13px}.detail-item{font-size:12px;line-height:1.65}.table-wrap{overflow:auto}th{font-size:10px;padding:14px 21px;letter-spacing:1px;background:#121f2d}td{font-size:12px;padding:16px 21px;color:#c6d3e1}tbody tr:hover{background:#1d2c3d}.mini-button{font-size:11px;padding:8px 11px;border-radius:7px}.tag{font-size:10px;padding:6px 9px;border-radius:7px}.inventory-toolbar{padding:17px 21px}.search-box{height:42px;background:#0b1723}.search-box input{font-size:12px}.resource-dialog{background:#101f2d}.field label,.field input,.field select,.field textarea{font-size:12px}.field small{font-size:10px}.footer{font-size:10px;color:#8198ab;padding:16px 41px}
/* Command center hero and production evidence cards */
.ops-hero{position:relative;overflow:hidden;border:1px solid #335569;border-radius:19px;padding:34px 37px;margin-bottom:25px;background:radial-gradient(ellipse 65% 160% at 94% 40%,#22626155,transparent 70%),linear-gradient(118deg,#172f40 0%,#122331 58%,#0c1c2a 100%);min-height:202px;display:flex;justify-content:space-between;gap:40px;align-items:center}.ops-hero::after{content:"";position:absolute;right:10%;top:-160px;width:340px;height:340px;border:1px solid #7ddddb28;border-radius:50%;box-shadow:0 0 0 62px #7ddddb0c,0 0 0 126px #7ddddb08;pointer-events:none}.ops-hero .hero-content{position:relative;z-index:1}.ops-hero .hero-eyebrow{font-size:11px;letter-spacing:2px;color:#8ce7d0;font-weight:800}.ops-hero h2{font:750 30px/1.2 'Segoe UI',system-ui;letter-spacing:-.9px;color:#f2f8ff;margin:15px 0 9px}.ops-hero p{color:#a7c1cf;font-size:12px;line-height:1.75;max-width:610px}.hero-actionbar{display:flex;gap:9px;margin-top:23px}.ops-hero .hero-visual{position:relative;z-index:1;flex:0 0 180px}.hero-orbit{width:162px;height:162px;border:1px dashed #73d9c066;border-radius:50%;display:grid;place-items:center;position:relative}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;inset:23px;border:1px solid #67d4b755;border-radius:50%}.hero-orbit::after{inset:57px;background:#69d4be22;border:0;box-shadow:0 0 42px #70e1bd38}.hero-orbit span{z-index:2;font-size:12px;font-weight:850;letter-spacing:1px;color:#8df2d0}.hero-node{position:absolute;background:#9aecda;width:8px;height:8px;border-radius:50%;box-shadow:0 0 20px #8deec9;z-index:3}.hero-node.a{top:2px;left:50%}.hero-node.b{right:7px;bottom:33px}.hero-node.c{left:10px;bottom:26px}.metric-badge{border:1px solid #36566a;border-radius:8px;font-size:10px;padding:6px 10px;background:#173042;color:#b7d7da;white-space:nowrap}.ops-summary{display:grid;grid-template-columns:1.6fr .95fr;gap:20px;margin-bottom:24px}.ops-summary .panel{min-width:0}.ops-line{padding:14px 0;border-bottom:1px solid #243548;display:flex;align-items:center;gap:13px}.ops-line:last-child{border-bottom:0}.ops-line .dot{width:7px;height:7px;border-radius:50%;background:#89b2bd;flex-shrink:0}.ops-line .dot.good{background:#76e0b7}.ops-line .dot.warn{background:#efc783}.ops-line .line-copy{flex:1;min-width:0}.ops-line b{display:block;font-size:12px;color:#dce9f2}.ops-line small{display:block;font-size:11px;color:#829bb1;margin-top:5px}.ops-line time{font-size:10px;color:#7992aa;white-space:nowrap}.unknown{font-weight:700;color:#efc783;letter-spacing:.4px}.source-label{font-size:10px;letter-spacing:.5px;color:#83a0b2}.data-key{font-size:10px;border:1px solid #315968;background:#143343;padding:5px 8px;border-radius:7px;color:#a4dcd6}.ops-legend{margin-top:13px;color:#869eb3;font-size:11px;line-height:1.6}.ops-kpi-sub{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.ops-kpi-sub b{font-size:22px;color:#f1f7ff}.ops-kpi-sub small{font-size:10px;color:#84a0b2;display:block;margin-top:5px}
.probe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.probe-stat{background:#142438;border:1px solid #2a4054;border-radius:12px;padding:20px}.probe-stat small{font-size:10px;color:#83a4b8;letter-spacing:1px;text-transform:uppercase}.probe-stat strong{font-size:27px;display:block;margin-top:12px}.probe-stat .sub{font-size:11px;color:#839db1;margin-top:5px}.ops-empty{padding:25px;text-align:center;color:#889db1;font-size:12px}.ops-empty svg{display:block;margin:0 auto 12px;opacity:.6}
.task-form label{font-size:12px;color:#bdcddd}.task-form select,.task-form textarea{background:#0f1c2a;color:#e7f0f8;border-color:#32475a;padding:12px}.task-form textarea:focus{border-color:#6bcdb3}
@media(max-width:1200px){.sidebar{width:245px;flex-basis:245px}.content{padding:32px 26px}.topbar{padding:0 26px}.workspace-banner{padding:0 26px}.hero-visual{display:none}.ops-summary{grid-template-columns:1fr}.ops-hero{padding:30px}}
@media(max-width:820px){.sidebar{position:relative;height:auto;width:100%;overflow:visible;padding:12px}.brand{padding:8px 12px}.environment-block,.sidebar-bottom,.nav-caption{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-bottom:5px}.nav-item{width:auto;flex:0 0 auto;white-space:nowrap;font-size:12px}.nav-icon{display:grid}.nav-side{display:none}.main-area{width:100%}.topbar{position:relative;height:62px}.top-clock,.mode-pill,.workspace-banner .banner-divider,.workspace-banner span:nth-of-type(4){display:none}.content{padding:23px 14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-hero{padding:23px;min-height:auto}.ops-hero h2{font-size:23px}.ops-hero .hero-visual{display:none}.probe-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}}
@media(max-width:480px){.ops-hero{padding:20px}.hero-actionbar{flex-wrap:wrap}.ops-kpi-sub{flex-wrap:wrap}.ops-summary{grid-template-columns:1fr}.account-pill{display:none}.stats-grid{gap:9px}.stat-card{min-height:115px;padding:15px}.stat-value{font-size:27px}.topbar{padding:0 15px}.workspace-banner{padding:0 15px}.workspace-banner .banner-right{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:820px){.app-shell{display:block}}
/* v0.10: evidence-first acceptance and incident console */
.matrix-report{margin-top:22px;padding:20px;border-radius:12px;border:1px solid #2d465b;background:#0b1c29;color:#acc7d6;line-height:1.6;font-size:12px;overflow:auto}
.matrix-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.matrix-summary strong{color:#78e7c3;font-size:17px;letter-spacing:.5px}
.matrix-report pre{max-height:280px;overflow:auto;padding:16px;background:#07121e;border-radius:8px;font-size:11px;color:#d0e2f1}
.task-form input{background:#0f1c2a;border:1px solid #32475a;color:#e7f0f8;padding:12px;border-radius:8px;min-width:0}
.task-form input:focus-visible,.task-form select:focus-visible,.nav-item:focus-visible{outline:2px solid #70e7c3;outline-offset:2px}
@media(max-width:820px){.matrix-summary{align-items:flex-start;flex-direction:column}.task-form{grid-template-columns:1fr}.matrix-report{padding:12px}}