/* v0.15.0 / ATLAS: a quiet, legible network operator UI.
   Modern light workspace, deep-ink navigation; no simulated telemetry. */
:root{color-scheme:light;--bg:#f4f6fa;--panel:#fff;--panel2:#fff;--line:#dde4ef;--line2:#e7ebf2;--text:#1a2840;--muted:#6c7d91;--soft:#53677e;--accent:#4369e8;--accent2:#5671e9;--danger:#cf4d5a;--warn:#a66a19;--shadow:0 12px 40px rgba(32,46,80,.065)}
body{background:var(--bg);color:var(--text);font:14px/1.5 Inter,'Segoe UI',system-ui,sans-serif;letter-spacing:0}
.sidebar{width:255px;flex-basis:255px;background:#101b30;border-right:1px solid #1a2b47;padding:25px 16px;box-shadow:8px 0 28px #10213d05}
.brand{padding:4px 7px 26px;gap:12px}.brand strong{font-size:18px;letter-spacing:-.75px;color:#fff}.brand-light{font-weight:420;color:#a6b8d6}.brand small{font-size:9px;color:#859ab8;letter-spacing:1.6px}.brand-mark{height:43px;width:43px;border:1px solid #4a6fdf99;border-radius:13px;background:linear-gradient(135deg,#4169dc,#263b8a);color:#e8f0ff;box-shadow:0 8px 25px #3656bd35}
.environment-block{background:#182945;border:1px solid #2a4160;border-radius:11px;margin:0 3px 25px;padding:12px}.environment-block b{color:#e7edfa}.environment-block small{color:#8da4c2}.env-dot,.connection-dot{background:#53d6ac;box-shadow:0 0 0 4px #53d6ac25}
.navigation-redesigned{overflow-y:auto;flex:1;scrollbar-color:#3a5073 transparent;scrollbar-width:thin}
.nav-caption{padding:0 12px 11px;color:#7189aa;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.nav-item{font-size:12px;font-weight:550;min-height:42px;color:#a3b4cc;border-radius:9px;padding:10px 11px;margin:3px 0;border:1px solid transparent}.nav-item:hover{background:#1c3050;color:white}.nav-item.active{background:#304a91;color:#fff;border:1px solid #4d69bc;box-shadow:0 4px 14px #19295e66}.nav-icon{color:#8fa5c4;font-size:18px}.nav-item.active .nav-icon{color:#e8f2ff}.nav-side{background:#233c64;color:#adc5e9;font-size:9px;border-radius:5px;padding:3px 5px}.nav-item.active .nav-side{background:#4560a3;color:#fff}
.nav-advanced{margin-top:16px;padding-top:14px;border-top:1px solid #2b3a52}.nav-advanced summary{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;color:#b1c5e2;font-size:12px;font-weight:700;cursor:pointer;list-style:none;border-radius:9px;background:#152640}.nav-advanced summary::-webkit-details-marker{display:none}.nav-advanced summary:hover{background:#203555}.nav-advanced[open] summary{background:#223555}.nav-extra{padding:9px 0}.sidebar-bottom{border-top:1px solid #273d59;padding:17px 8px 0}.sidebar-bottom strong{color:#e4ebf8}.sidebar-bottom small{color:#8299b7}
.main-area{background:var(--bg)}.topbar{height:76px;padding:0 38px;background:#fff;border-bottom:1px solid #e2e7ef;box-shadow:0 3px 14px #102c5010}.crumb-root{color:#8b99ac;font-size:10px}.breadcrumbs strong{color:#203251;font-size:13px}.crumb-sep{color:#bdc7d5}.top-clock{color:#8c9caf}.mode-pill{background:#e9f8f1;color:#24704f;border:1px solid #c7eddb;font-size:10px}.mode-pill i{background:#2ab780}.account-pill{color:#334864;background:#f0f3f9;border-color:#e0e6f0}.avatar{background:#e4eaf9;border-color:#b4c4f5;color:#3059af}.icon-button{background:#f5f7fb;color:#4b6284;border:1px solid #dce3ee}.icon-button:hover{background:#e9efff;color:#375cd6}.workspace-banner{height:34px;background:#eff3fa;border-bottom:1px solid #dfe7f1;color:#70829a;font-size:9px;letter-spacing:1.1px;padding:0 38px}.banner-divider{background:#d5ddeb}.banner-marker{background:#4470df}.banner-right{color:#536b90}
.content{max-width:1720px;padding:37px 42px 64px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:31px;color:#1b2b48;letter-spacing:-1.05px;font-weight:760}.page-heading p{color:#708098;font-size:13px;max-width:850px}.eyebrow{color:#4868cd;font-weight:850;font-size:10px;letter-spacing:1.6px}.button{padding:11px 15px;border-radius:10px;font-weight:680;font-size:12px;box-shadow:none}.button-primary{background:#405fda;color:white;border:1px solid #405fda;box-shadow:0 7px 17px #496bd82c}.button-primary:hover{background:#304ec7;color:white}.button-ghost{background:#fff;color:#3c567c;border:1px solid #d6dfea}.button-ghost:hover{background:#f0f4ff;color:#2949b4;border-color:#c4cff4}.button:disabled{opacity:.46;cursor:not-allowed}
.panel,.studio-card,.studio-canvas-box{border:1px solid #e0e6ef;border-radius:15px;background:#fff;box-shadow:0 9px 24px #25405c08}.panel-head{padding:21px 24px;border-bottom:1px solid #edf1f6}.panel-title{font-size:15px;color:#223653;font-weight:750}.panel-subtitle{font-size:11px;color:#7e8da1}.panel-body{padding:23px}.stat-card{background:white;border:1px solid #e0e7f1;border-radius:13px;padding:23px;box-shadow:0 8px 26px #102a4a08}.stat-top{color:#70829a}.stat-icon{background:#eef1ff;color:#4565cf;border-radius:10px}.stat-value{color:#1c3151}.stat-note{color:#91a0b3}.stats-grid,.dashboard-grid{gap:18px}.quick-row{color:#243954;border-color:#edf1f6}.quick-row:hover{background:#f5f7ff}.quick-icon{background:#edf1ff;color:#3e63d7;border-color:#d9e1f8}.quick-copy strong{color:#29405d}.quick-copy small,.detail-item span:first-child{color:#7b8ba0}.quick-count{color:#2a466c}.detail-item{border-color:#e6ebf4;color:#293e58}.detail-item span:last-child{color:#455f7c}.notice{background:#f5f6ff;border:1px solid #e0e5fa;color:#58698f;border-radius:11px;padding:15px 19px}.notice strong{color:#354b7c}.tag{color:#56708f;background:#f2f5fa;border-color:#dce4ef}.tag.green{background:#ecf9f3;border-color:#c7eddf;color:#237e5d}.tag.amber{background:#fff8e9;border-color:#f5e3b5;color:#a16e23}.table-wrap{border-radius:10px}table thead,thead,th{background:#f7f9fc;color:#8190a4;border-color:#e5eaf2}td{color:#344a68;border-color:#e9edf3}tbody tr:hover{background:#f6f8fd}.primary-cell{color:#213958}.cell-muted{color:#8796aa}.inventory-toolbar{border-color:#e7edf4}.search-box,.search-box input{background:#f7f9fd;color:#395473;border-color:#dce5f2}
.ops-hero{border:1px solid #22385f;border-radius:19px;background:radial-gradient(ellipse 55% 90% at 96% 20%,#436cc966,transparent 80%),linear-gradient(113deg,#101c33,#1f3558 65%,#233b67);min-height:202px;box-shadow:0 14px 32px #24405e20}.ops-hero h2{color:#fff}.ops-hero p{color:#b1c7e5}.ops-hero .hero-eyebrow{color:#a5bdff}.ops-hero .button-ghost{background:#ffffff14;color:#f5f8ff;border-color:#ffffff55}.ops-hero .button-primary{background:#f5f8ff;color:#264385;border-color:#fff}.hero-orbit{border-color:#98b5ff77}.hero-orbit span{color:#bcd0ff}.hero-node{background:#acd1ff;box-shadow:0 0 18px #a1c6ff}
.ops-summary .panel,.ops-summary .panel-body{background:white}.ops-line{border-color:#e7ecf4}.ops-line b{color:#2c4566}.ops-line small,.ops-line time{color:#899bb3}.ops-line .dot{background:#7e93b1}.ops-line .dot.good{background:#2bbd83}.ops-line .dot.warn{background:#db9a40}.metric-badge,.data-key{background:#f0f4ff;border-color:#d6e0f8;color:#4e629b}.unknown{color:#a56e2a}.source-label{color:#8193aa}.ops-kpi-sub b{color:#1a3050}.ops-kpi-sub small,.ops-legend{color:#8498b1}.probe-stat{background:#fff;border-color:#e2e8f0}.probe-stat small,.probe-stat .sub{color:#8d9bb0}.probe-stat strong{color:#233958}.ops-empty{color:#8497b1}.matrix-report{background:#f7f9fd;color:#405b77;border-color:#e0e6ef}.matrix-report strong{color:#2f56bd}.matrix-report pre{background:#ecf1fb;color:#324563}.task-form label{color:#4e6381}.task-form select,.task-form input,.task-form textarea{color:#263956;background:#fff;border-color:#d6e0ef}
/* Installation cockpit */
.fleet-command-row{gap:15px}.fleet-command-box{padding:24px;background:linear-gradient(135deg,#fff,#f8faff);border:1px solid #dde5f5;border-radius:16px;box-shadow:0 9px 24px #2a3e6c07}.fleet-command-box h3{color:#213552;font-size:16px}.fleet-command-box p{color:#7890a5;min-height:42px}.fleet-node{padding:22px 0 29px;border-bottom:1px solid #e4eaf3}.fleet-node-head strong{color:#172f50;font-size:17px}.fleet-node-head small{color:#8191a7}.fleet-metrics{gap:9px}.fleet-metrics span{background:#f5f7fb;border:1px solid #e9edf4;min-width:140px;border-radius:9px;padding:12px;color:#71869e}.fleet-metrics b{font-size:12px;color:#334b67}.fleet-node>small{color:#7f90a4}.fleet-evidence{color:#435f7c}.fleet-actions{gap:7px}.fleet-actions button{margin:0 0 4px}
.installation-widget{border:1px solid #dae3f1;background:#f9fbff;border-radius:13px;padding:17px 20px;margin-top:10px}.install-summary{display:flex;justify-content:space-between;align-items:center;gap:12px}.install-summary-left{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.install-summary strong{font-size:17px;color:#243e60;white-space:nowrap}.install-summary small{font-size:10px;color:#91a0b1;font-weight:450}.install-pill{border-radius:99px;font-size:10px;padding:6px 10px;font-weight:800;letter-spacing:.2px;border:1px solid #dce4ef;color:#72839c;background:#edf2f8}.install-pill.complete{background:#e6f9ed;color:#19754e;border-color:#bae9d2}.install-pill.failed{background:#fff0f0;color:#b43b49;border-color:#f3d0d5}.install-pill.running{background:#edf2ff;color:#3659c3;border-color:#d2ddfd}.install-pill.waiting{background:#fff4dc;color:#91601d;border-color:#f4deb4}.install-muted,.install-hint{color:#788da6;font-size:11px}.install-progress{height:6px;border-radius:99px;background:#e5eaf4;overflow:hidden;margin:12px 0}.install-progress span{display:block;height:100%;background:#4e74e1;border-radius:99px;transition:width .35s}.install-failure{margin:10px 0;color:#ac3449;background:#fff0f2;border:1px solid #f1d6dc;padding:11px 13px;border-radius:8px;font-size:11px;overflow-wrap:anywhere}.install-evidence-note{font-size:10px;color:#8998ab;margin:12px 0}.install-expand{background:transparent;border:0;padding:8px 0;color:#3f60cb;text-decoration:underline;text-underline-offset:4px;font-size:12px;font-weight:700}.install-details{border-top:1px solid #e1e8f2;padding-top:17px;margin-top:11px}.install-details[hidden]{display:none}.install-stage-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.install-stage-list li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#3d536c;font-size:12px}.install-stage-index{display:grid;place-items:center;width:23px;height:23px;background:#e7edff;color:#4a67bf;border-radius:7px;font-size:11px}.install-stage-state{font-style:normal;font-size:10px;color:#778ba4;margin-left:auto}.install-error{flex:1 0 100%;color:#be4055;padding-left:33px}.install-event-list{margin-top:17px;max-height:330px;overflow:auto;background:#141f33;border-radius:10px;padding:8px 15px}.install-log-entry{display:grid;grid-template-columns:130px 65px minmax(0,1fr);gap:8px;align-items:start;border-bottom:1px solid #ffffff15;padding:10px 0;color:#cfdbed;font-size:11px;overflow-wrap:anywhere}.install-log-entry:last-child{border-bottom:0}.install-log-entry time{color:#8099bd}.log-info{color:#89b7ff}.log-warning{color:#e8b775}.log-error{color:#ff8d9a}
/* Forms, studio and dialogs */
.studio-card{color:#243b5a}.studio-card p,.studio-card li{color:#768aa3}.studio-card label{color:#5f7290}.studio-card input,.studio-card select,.studio-card textarea,.studio-toolbar input,.studio-toolbar select,.field input,.field select,.field textarea{background:#fff;color:#213956;border-color:#d5dfed}.studio-canvas-head{border-color:#e1e9f1;color:#435c77}.studio-canvas-head span{color:#718ba7}.studio-as-node:focus{outline-color:#4568dc}.wizard-step{background:white;border-color:#dce5f3;color:#213d5c}.wizard-step:hover{background:#f3f7ff;border-color:#aabbf2}.wizard-step strong{color:#506ddb}.wizard-step small{color:#7a90aa}.resource-dialog{background:#fff;border:1px solid #dbe4ef;color:#233850}.resource-dialog::backdrop{background:#101e39aa}.dialog-head h2{color:#243b56}.dialog-head p{color:#7e91ab}.dialog-actions{border-color:#e7edf5}.dialog-error{background:#fff1f2;color:#b0374b;border-color:#edc5cf}.field label{color:#465e7a}.field small{color:#879bb2}.error-panel{background:#fff1f3;color:#b03e51;border-color:#edc5d2}.login-overlay{background:#101d36da}.login-card{background:white;border-color:#e5ebf2;box-shadow:0 35px 110px #101a355b}.login-brand strong,.login-card h1{color:#1f3757}.login-brand small,.login-intro,.login-field,.login-footnote{color:#8394a8}.login-field input{background:#f8fafd;color:#243957;border-color:#dce3f0}.login-footnote code{color:#405b83;background:#f1f4fa}.login-error{background:#fff1f3;color:#b24457;border-color:#f2d0d7}.toast{background:#183b37;color:#bff9e3}.toast.error{background:#643039;color:#ffdde0}
.footer{border-color:#e0e7ef;color:#8697a9;background:#f6f8fb}
@media(max-width:1190px){.sidebar{width:224px;flex-basis:224px}.content{padding:28px 25px}.topbar{padding:0 25px}.workspace-banner{padding:0 25px}}
@media(max-width:820px){.app-shell{display:block}.sidebar{width:100%;padding:12px 14px;position:relative}.brand{padding:7px 0 13px}.environment-block,.sidebar-bottom{display:none}.navigation-redesigned{display:flex;align-items:center;gap:7px;overflow-x:auto;padding-bottom:5px}.nav-caption{display:none}.nav-item{flex:0 0 auto;width:auto;white-space:nowrap}.nav-advanced{margin:0;border:0;padding:0;flex:0 0 auto}.nav-advanced summary{white-space:nowrap}.nav-advanced[open]{position:relative}.nav-extra{position:absolute;left:auto;right:0;top:100%;z-index:15;width:250px;background:#14243f;padding:10px;border:1px solid #2d4669;border-radius:12px;max-height:60vh;overflow:auto;box-shadow:0 18px 35px #11223a66}.nav-extra .nav-item{width:100%}.topbar{height:63px;padding:0 17px}.workspace-banner{padding:0 17px}.content{padding:21px 15px}.fleet-command-row{grid-template-columns:1fr}.page-heading h1{font-size:26px}.install-log-entry{grid-template-columns:1fr 60px}.install-log-entry time{grid-column:1/2}.install-log-entry span:last-child{grid-column:1/-1}.fleet-metrics span{min-width:120px}}
@media(max-width:540px){.ops-hero{padding:23px;min-height:0}.ops-hero h2{font-size:22px}.ops-hero .hero-visual{display:none}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-pill,.top-clock,.banner-right{display:none}.fleet-node-head{align-items:flex-start}.install-summary{align-items:flex-start;flex-direction:column}.panel-head,.panel-body{padding:16px}.fleet-node>small{line-height:1.65}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

.dashboard-install-overview{margin-bottom:21px}.dashboard-install-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-install-item{border:1px solid #e3e9f2;border-radius:10px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfcff}.dashboard-install-item strong{display:block;color:#2a3d58;font-size:13px}.dashboard-install-item small{display:block;color:#8395ab;font-size:10px;margin-top:5px;max-width:300px;overflow-wrap:anywhere}.dashboard-install-status{text-align:right}.dashboard-install-status .install-pill{font-size:10px}@media(max-width:850px){.dashboard-install-grid{grid-template-columns:1fr}}
