/* SCION v2 — independent console design system. */
:root{--v12-bg:#0a101d;--v12-side:#0e1727;--v12-card:#121e30;--v12-layer:#17253a;--v12-layer-2:#20324a;--v12-text:#edf3fc;--v12-sub:#adbed1;--v12-weak:#92a5ba;--v12-line:#293c52;--v12-line-strong:#3c526c;--v12-primary:#58d8c6;--v12-on-primary:#052c2b;--v12-focus:#8bbdff;--v12-nav-active:#193b4b;--v12-shadow:0 14px 40px #030a1433;--v12-radius:12px;color-scheme:dark}
:root[data-theme=light]{--v12-bg:#f2f5f9;--v12-side:#fff;--v12-card:#fff;--v12-layer:#f5f8fb;--v12-layer-2:#e8f0f6;--v12-text:#17283d;--v12-sub:#4c627a;--v12-weak:#61758a;--v12-line:#dce5ee;--v12-line-strong:#c2d1df;--v12-primary:#087b73;--v12-on-primary:#fff;--v12-focus:#155bb6;--v12-nav-active:#e5f4f1;--v12-shadow:0 10px 30px #2946640c;color-scheme:light}
body[data-workspace]{font-family:Inter,'Segoe UI','Noto Sans SC',system-ui,sans-serif!important;font-size:14px;line-height:1.55;background:var(--v12-bg)!important;color:var(--v12-text)!important}
body[data-workspace] .nx-shell{display:flex;min-height:100vh;background:var(--v12-bg)}
body[data-workspace] .sidebar.nx-sidebar{width:244px;min-width:244px;flex:0 0 244px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;overflow:auto;padding:0 15px 16px;background:var(--v12-side)!important;border-right:1px solid var(--v12-line)!important;color:var(--v12-text)!important;scrollbar-width:thin}
.nx-brand{display:flex;align-items:center;gap:11px;height:76px;padding:0 7px;text-decoration:none!important;color:var(--v12-text)!important;flex:none}.nx-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2dbfb4,#498bea);color:#071b29;box-shadow:0 7px 20px #2abdb527}.nx-brand-mark svg{width:28px;height:28px}.nx-brand>span:last-child{display:flex;flex-direction:column;gap:1px}.nx-brand b{font-size:16px;letter-spacing:.12em}.nx-brand small{color:var(--v12-weak);font-size:9px;font-weight:700;letter-spacing:.1em}
.nx-space{display:flex;align-items:center;gap:10px;padding:11px;margin:5px 0 18px;border:1px solid var(--v12-line);border-radius:10px;background:var(--v12-layer)}.nx-space-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#49c9c225;color:var(--v12-primary);font-size:18px}.nx-space>span:nth-child(2){display:flex;flex-direction:column;flex:1}.nx-space b{font-size:12px}.nx-space small{font-size:10px;color:var(--v12-weak)}.nx-space-dots{color:var(--v12-weak);letter-spacing:1px}
body[data-workspace] .nx-sidebar #nav{display:block;flex:1;padding:0 0 12px}.nx-sidebar .workspace-nav-group{margin:0 0 15px}.nx-sidebar #nav .nav-caption{font-size:10px!important;letter-spacing:.1em!important;color:var(--v12-weak)!important;padding:8px 10px!important}.nx-sidebar #nav .nav-item{min-height:38px!important;border-radius:8px!important;margin:2px 0!important;padding:8px 11px!important;color:var(--v12-sub)!important;font-size:12.5px!important;box-shadow:none!important}.nx-sidebar #nav .nav-item.active{background:var(--v12-nav-active)!important;color:var(--v12-primary)!important;border-color:transparent!important;box-shadow:inset 3px 0 var(--v12-primary)!important}.nx-side-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--v12-line);padding:16px 8px 2px}.nx-side-foot>span:last-child{display:flex;flex-direction:column}.nx-side-foot strong{font-size:11px}.nx-side-foot small{font-size:10px;color:var(--v12-weak)}.nx-side-foot .connection-dot{position:static;flex:none}
body[data-workspace] .nx-main{min-width:0;flex:1;min-height:100vh;background:var(--v12-bg)}
body[data-workspace] .topbar.nx-topbar{height:68px;min-height:68px;display:flex;justify-content:space-between;gap:16px;padding:0 clamp(20px,3vw,40px);border-bottom:1px solid var(--v12-line);background:var(--v12-card)!important}.nx-breadcrumb{display:flex;align-items:center;gap:12px;color:var(--v12-weak);font-size:12px}.nx-breadcrumb strong{color:var(--v12-text);font-weight:700}.nx-actions{display:flex;align-items:center;gap:10px}.nx-modes{display:flex;padding:3px;border:1px solid var(--v12-line);background:var(--v12-layer);border-radius:9px}.nx-modes a{padding:6px 13px;border-radius:6px;text-decoration:none;color:var(--v12-sub);font-size:11px;font-weight:700}.nx-modes a.is-current{background:var(--v12-card);color:var(--v12-primary);box-shadow:0 1px 4px #10243a22}.nx-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--v12-line)!important;border-radius:8px;background:var(--v12-card)!important;color:var(--v12-sub)!important;font-size:17px}.nx-icon:hover{background:var(--v12-layer)!important}.nx-clock{font-size:10px;color:var(--v12-weak)}.nx-actions .account-pill{padding:7px 10px;border:1px solid var(--v12-line);border-radius:8px;background:var(--v12-layer);color:var(--v12-text);font-size:11px}
body[data-workspace] .content.nx-content{max-width:1650px;width:100%;margin:0 auto;padding:32px clamp(20px,3vw,40px) 64px;color:var(--v12-text)}.nx-footer{border-top:1px solid var(--v12-line);background:var(--v12-card);color:var(--v12-weak);padding:15px clamp(20px,3vw,40px);font-size:10px;letter-spacing:.06em}
body[data-workspace] :is(.panel,.studio-card,.studio-panel,.network-flow-card,.resource-dialog){background:var(--v12-card)!important;border-color:var(--v12-line)!important;color:var(--v12-text)!important;border-radius:12px;box-shadow:var(--v12-shadow)}body[data-workspace] :is(.panel-head,.studio-canvas-head){border-color:var(--v12-line)!important}body[data-workspace] :is(.page-heading h1,.studio-heading h2,.panel h2,.panel h3){color:var(--v12-text)!important}body[data-workspace] :is(.studio-muted,.panel-subtitle,.page-heading p){color:var(--v12-sub)!important}body[data-workspace] .page-heading h1{font-size:28px;letter-spacing:-.04em}body[data-workspace] .button{min-height:38px;border-radius:8px;font-size:12px;font-weight:700}body[data-workspace] .button-primary{background:var(--v12-primary)!important;color:var(--v12-on-primary)!important;border-color:var(--v12-primary)!important}body[data-workspace] .button-ghost,body[data-workspace] .mini-button{background:var(--v12-card)!important;color:var(--v12-text)!important;border-color:var(--v12-line-strong)!important}body[data-workspace] .button-ghost:hover{background:var(--v12-layer)!important}body[data-workspace] :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-radius:8px!important;background:var(--v12-layer)!important;color:var(--v12-text)!important;border-color:var(--v12-line-strong)!important}body[data-workspace] :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--v12-focus)!important;outline-offset:2px}body[data-workspace] [hidden]{display:none!important}
.nx-page{width:100%;min-width:0}.nx-page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.nx-page-heading h1{font-size:clamp(27px,3vw,36px)!important;line-height:1.15;letter-spacing:-.045em;margin:7px 0 9px;color:var(--v12-text)!important}.nx-page-heading p:not(.nx-eyebrow){margin:0;color:var(--v12-sub);font-size:13px}.nx-eyebrow,.nx-section-title>div>span{font-size:10px!important;font-weight:800;letter-spacing:.13em;color:var(--v12-primary)!important}.nx-eyebrow{margin:0}.nx-eyebrow span{color:var(--v12-weak);padding:0 5px}.nx-head-actions{display:flex;gap:9px;flex:none}
.nx-overview{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:16px}.nx-welcome{position:relative;overflow:hidden;min-height:272px;display:flex;align-items:center;border:1px solid #274d69;border-radius:13px;background:radial-gradient(circle at 79% 50%,#1d6d7f77,transparent 33%),linear-gradient(115deg,#11253b,#10283a 60%,#133748);padding:34px;color:#effcff}.nx-welcome-copy{position:relative;z-index:1;max-width:64%}.nx-overline{color:#7fe2d5;font-weight:750;letter-spacing:.12em;font-size:10px}.nx-overline i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#72e7c7;margin-right:7px;box-shadow:0 0 0 4px #72e7c71c}.nx-welcome h2{font-size:clamp(27px,2.7vw,39px)!important;line-height:1.18;letter-spacing:-.05em;color:#f5fcff!important;margin:14px 0}.nx-welcome p{font-size:12px;line-height:1.8;color:#b4ced9;margin:0;max-width:380px}.nx-welcome-actions{display:flex;gap:17px;align-items:center;margin-top:21px}.nx-inline{border:0!important;background:transparent!important;padding:0!important;color:var(--v12-primary)!important;font-weight:750;font-size:12px;cursor:pointer}.nx-welcome .nx-inline{color:#a2eee4!important}.nx-orbit{width:210px;height:210px;position:absolute;right:7%;top:50%;transform:translateY(-50%);display:grid;place-items:center}.nx-orbit-ring{position:absolute;border:1px solid #75d8de62;border-radius:50%;inset:5px}.nx-orbit .ring-b{inset:28px;border-style:dashed}.nx-orbit .ring-c{inset:50px;background:#2c83944a;border-color:#92e5dd80}.nx-orbit-core{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#60d9cd;color:#0b333c;font-size:23px;font-weight:800;box-shadow:0 0 35px #53dfc770}.nx-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#8be7dc;top:19px;left:60px;box-shadow:0 0 12px #9effef}.nx-orbit i:nth-last-child(2){top:155px;left:20px}.nx-orbit i:last-child{top:130px;left:191px}
.nx-glance,.nx-panel{border:1px solid var(--v12-line);background:var(--v12-card);border-radius:13px;box-shadow:var(--v12-shadow)}.nx-glance{padding:22px}.nx-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.nx-section-title h2{font-size:17px!important;letter-spacing:-.03em;margin:4px 0 0;color:var(--v12-text)!important}.nx-section-title small{font-size:11px;color:var(--v12-weak)}.nx-tag{font-size:10px!important;font-weight:700;color:var(--v12-primary);padding:5px 8px;border:1px solid var(--v12-line-strong);border-radius:6px;white-space:nowrap}.nx-metric-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:19px}.nx-metric-grid>div{display:flex;flex-direction:column;gap:2px;padding:14px 12px;border-top:1px solid var(--v12-line)}.nx-metric-grid>div:nth-child(odd){border-right:1px solid var(--v12-line)}.nx-metric-grid small{color:var(--v12-sub);font-size:11px}.nx-metric-grid strong{font-size:29px;line-height:1.25;letter-spacing:-.04em}.nx-metric-grid span{font-size:10px;color:var(--v12-weak)}
.nx-spaced{margin:32px 0 14px}.nx-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.nx-action-card{display:flex;flex-direction:column;min-height:175px;border:1px solid var(--v12-line);border-radius:12px;background:var(--v12-card);padding:18px;box-shadow:var(--v12-shadow)}.nx-action-top{display:flex;justify-content:space-between;font-size:11px;color:var(--v12-primary);font-weight:800;letter-spacing:.1em}.nx-action-top b{font-size:16px;color:var(--v12-weak)}.nx-action-card h3{font-size:15px;margin:17px 0 5px;color:var(--v12-text)}.nx-action-card p{font-size:11.5px;line-height:1.65;color:var(--v12-sub);margin:0 0 15px}.nx-action-card button{align-self:flex-start;margin-top:auto;border:0;background:none;padding:0;color:var(--v12-primary);font-size:11px;font-weight:750}.nx-action-card button span{margin-left:8px}
.nx-lower{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.nx-panel{padding:20px}.nx-list{margin-top:14px}.nx-list-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid var(--v12-line)}.nx-list-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--v12-layer);color:var(--v12-primary);font-size:17px}.nx-list-row>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.nx-list-row b{font-size:12px}.nx-list-row small{font-size:10px;color:var(--v12-weak);overflow-wrap:anywhere}.nx-list-row em{font-style:normal;color:var(--v12-sub);font-size:10px}.nx-empty{padding:20px 0;text-align:center;color:var(--v12-weak);font-size:12px}.nx-note{display:flex;gap:14px;align-items:center;margin-top:20px;padding:15px 19px;border:1px solid var(--v12-line);border-radius:10px;background:var(--v12-layer)}.nx-note>span{font-size:23px;color:var(--v12-primary)}.nx-note p{flex:1;margin:0;color:var(--v12-sub);font-size:11px}.nx-note b{color:var(--v12-text);font-size:12px}.nx-note a{color:var(--v12-primary);font-weight:700;font-size:11px;text-decoration:none}
.nx-pro-intro{display:flex;align-items:center;gap:15px;padding:18px 20px;margin-bottom:18px;border:1px solid var(--v12-line);border-radius:12px;background:var(--v12-card)}.nx-pro-icon{font-size:25px;color:var(--v12-primary)}.nx-pro-intro>div{flex:1}.nx-pro-intro b{font-size:13px}.nx-pro-intro p{margin:4px 0 0;color:var(--v12-sub);font-size:11px}.nx-config{margin:0 0 18px}.nx-tabs{display:flex;overflow:auto;gap:3px;border-bottom:1px solid var(--v12-line);margin:19px 0 12px}.nx-tabs button{white-space:nowrap;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--v12-sub);font-weight:700;font-size:12px}.nx-tabs button[aria-selected=true]{color:var(--v12-primary);border-bottom-color:var(--v12-primary)}.nx-caption{font-size:11px;color:var(--v12-sub);line-height:1.7}.nx-table-wrap{overflow:auto}.nx-table-wrap table{min-width:680px;width:100%;border-collapse:collapse}.nx-table-wrap th,.nx-table-wrap td{text-align:left;padding:11px;border-bottom:1px solid var(--v12-line);font-size:11px}.nx-table-wrap th{background:var(--v12-layer);color:var(--v12-sub)}.nx-table-action{border:0;background:transparent;color:var(--v12-primary);font-size:11px;font-weight:700}.nx-detail{max-height:380px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;padding:16px;border:1px solid var(--v12-line);border-radius:9px;background:var(--v12-layer)!important;color:var(--v12-text)!important;font:11px/1.65 ui-monospace,monospace}.nx-config-select{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--v12-sub)}.nx-config-select select{min-width:230px;padding:8px}.nx-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nx-tool{display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--v12-line);border-radius:10px;background:var(--v12-card);color:var(--v12-text)}.nx-tool>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--v12-layer);color:var(--v12-primary);font-size:18px}.nx-tool>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.nx-tool b{font-size:12px}.nx-tool small{font-size:10px;color:var(--v12-sub)}.nx-tool>span:last-child{color:var(--v12-primary)}
/* Login is self-contained in both themes; no inherited light-on-white text. */
body[data-workspace] .login-overlay{background:radial-gradient(circle at 25% 20%,#1a485b88,transparent 44%),#080f1cf2;backdrop-filter:blur(14px)}body[data-workspace] .login-card{width:min(450px,100%);padding:36px;background:#122136!important;color:#eef6ff!important;border:1px solid #33516b!important;border-radius:16px;box-shadow:0 30px 90px #0008}body[data-workspace] .login-card :is(h1,strong){color:#f2f7ff!important}body[data-workspace] .login-card :is(.login-intro,.login-field,.login-footnote,.login-brand small){color:#bacddd!important}body[data-workspace] .login-card :is(input){background:#0b1929!important;color:#f2f7ff!important;border:1px solid #49627d!important}body[data-workspace] .login-card .login-error{color:#ffc2c2!important;background:#46232a!important;border-color:#a7646b!important}body[data-workspace] .login-card .eyebrow{color:#74e3d0!important}body[data-theme=light][data-workspace] .login-overlay{background:radial-gradient(circle at 25% 20%,#d4e8ed,transparent 44%),#e6ecf3f5}body[data-theme=light][data-workspace] .login-card{background:#fff!important;color:#17283d!important;border-color:#c9d7e4!important;box-shadow:0 26px 70px #263e5c24}body[data-theme=light][data-workspace] .login-card :is(h1,strong){color:#17283d!important}body[data-theme=light][data-workspace] .login-card :is(.login-intro,.login-field,.login-footnote,.login-brand small){color:#465e76!important}body[data-theme=light][data-workspace] .login-card :is(input){background:#f5f8fb!important;color:#17283d!important;border-color:#aebfd1!important}body[data-theme=light][data-workspace] .login-card .eyebrow{color:#087b73!important}body[data-theme=light][data-workspace] .login-card .login-error{color:#852326!important;background:#fff1f1!important;border-color:#d99397!important}
.atlas-plane>svg.atlas-live-overlay{width:100%;height:100%}.atlas-dot{stroke-width:1.5}.atlas-halo{stroke-width:1}.atlas-count{fill:#123e44;paint-order:stroke;stroke:#fff;stroke-width:2px;stroke-linejoin:round}
@media(max-width:1100px){.nx-overview{grid-template-columns:1fr}.nx-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.nx-clock{display:none}}
@media(max-width:850px){body[data-workspace] .nx-shell{display:flex;flex-direction:column}body[data-workspace] .sidebar.nx-sidebar{position:relative;width:100%;min-width:0;flex:0 0 auto;height:auto;max-height:none;overflow:visible;padding:0 12px 8px;border-right:0!important;border-bottom:1px solid var(--v12-line)!important}.nx-brand{height:58px}.nx-space,.nx-side-foot,.nx-sidebar .nav-caption{display:none!important}body[data-workspace] .nx-sidebar #nav{display:flex!important;overflow:auto;gap:3px;padding:0!important}.nx-sidebar .workspace-nav-group{display:contents}.nx-sidebar #nav .nav-item{width:auto!important;white-space:nowrap!important;flex:none}.nx-main{width:100%}.nx-topbar{flex-wrap:wrap}.nx-lower{grid-template-columns:1fr}.nx-note{flex-wrap:wrap}.nx-pro-intro{flex-wrap:wrap}}
@media(max-width:560px){body[data-workspace] .topbar.nx-topbar{height:auto;min-height:64px;padding:10px 16px}.nx-breadcrumb{display:none}.nx-actions{width:100%;justify-content:space-between;gap:5px}.nx-actions .account-pill{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nx-page-heading{align-items:flex-start;flex-direction:column}.nx-overview{grid-template-columns:1fr}.nx-welcome{padding:25px;min-height:245px}.nx-welcome-copy{max-width:100%}.nx-orbit{opacity:.18;right:-65px}.nx-action-grid,.nx-tools{grid-template-columns:1fr}.nx-glance{padding:18px}.nx-section-title{align-items:flex-start}.nx-section-title>div:last-child{display:flex;flex-wrap:wrap}.nx-config-select{align-items:flex-start;flex-direction:column}.nx-config-select select{max-width:100%}.nx-footer{gap:10px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){body[data-workspace] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sig-advanced{border:1px solid var(--v12-line);border-radius:9px;background:var(--v12-layer);padding:12px;margin:8px 0}.sig-advanced summary{cursor:pointer;color:var(--v12-text);font-size:12px;font-weight:700}.sig-advanced label{margin-top:10px}