/* Horizon 0.15 — complete visual system. Existing operation forms remain functional,
   all presentation, typography, hierarchy and animation are owned here. */
:root{color-scheme:dark;--bg:#0b111b;--panel:#111a27;--panel2:#172233;--line:#263448;--line2:#263448;--text:#eef4fc;--muted:#9caec4;--soft:#aebfd1;--accent:#8be5c7;--accent2:#8be5c7;--danger:#ff7e8f;--warn:#f0c083;--surface:#101925;--border:#27374b;--shadow:0 18px 50px #0004}
*{scrollbar-width:thin;scrollbar-color:#35445a #0e1622}
body{font:14px/1.55 'DM Sans','Segoe UI',system-ui,sans-serif;color:var(--text);background:var(--bg)}
.app-shell{background:var(--bg)}.main-area{background:radial-gradient(circle at 75% 6%,#1b344733,transparent 36%),var(--bg);min-height:100vh}
.sidebar{width:270px;flex-basis:270px;padding:30px 19px 22px;border-right:1px solid #223046;background:#0d1521;box-shadow:none}
.brand{padding:0 8px 35px;gap:11px}.brand strong{font:800 21px/1 Manrope,system-ui;letter-spacing:-1.05px;color:#f3f7fd}.brand-light{font-weight:500;color:#8adfc3}.brand small{font-size:9px;letter-spacing:1.7px;color:#71859b;margin-top:9px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:1px solid #436a67;border-radius:13px;background:linear-gradient(150deg,#1d4140,#12282f);color:#86e7c3;box-shadow:0 10px 22px #49cbaa10}.brand-mark svg{width:31px;height:31px}
.environment-block{padding:13px;margin:0 1px 34px;border:1px solid #334258;border-radius:11px;background:#141f2e;display:flex;gap:10px;align-items:center}.environment-block b{font-size:12px;color:#d5e4f2}.environment-block small{font-size:10px;color:#8299b2}.env-dot,.connection-dot{background:#88e8c5;box-shadow:0 0 0 4px #89e8c522}.env-chevron{margin-left:auto;color:#7d91a9}
.navigation-redesigned{overflow-y:auto;flex:1;scrollbar-width:none}.nav-caption{color:#6d809a;font-size:9px;letter-spacing:2px;font-weight:800;padding:0 14px 12px}.nav-caption-spaced{margin-top:25px}.nav-item{display:flex;align-items:center;min-height:45px;gap:11px;width:100%;margin:2px 0;padding:11px 13px;border:1px solid transparent;border-radius:10px;color:#a3b3c7;background:transparent;font-size:12.5px;font-weight:600;transition:color .2s,transform .2s,background .2s,border-color .2s}.nav-icon{width:22px;display:grid;place-items:center;color:#7794aa;font-size:18px}.nav-item.active{color:#aaf6d8;background:linear-gradient(90deg,#20483f,#19332f);border-color:#316a5b;box-shadow:inset 3px 0 #8ae5c4}.nav-item.active .nav-icon{color:#99f0cb}.nav-item:hover{color:#f4f8fd;background:#1b293a;transform:translateX(2px)}.nav-side{margin-left:auto;font-size:9px;color:#90dfc2;background:#183b35;padding:3px 7px;border-radius:20px}.nav-advanced{border-top:1px solid #273447;padding-top:18px;margin-top:25px}.nav-advanced summary{font-size:11px;padding:12px 13px;color:#aebed1;background:#192635;border:1px solid #293e50;border-radius:9px;display:flex;justify-content:space-between;cursor:pointer}.nav-advanced .nav-item{font-size:12px;min-height:37px}.nav-extra{padding-top:8px}.sidebar-bottom{border-top:1px solid #283648;padding:20px 8px 0}.sidebar-bottom strong{color:#d9e9f6;font-size:11px}.sidebar-bottom small{color:#7b91a8}
.topbar{height:77px;padding:0 45px;background:#101925d9;border-bottom:1px solid #253347;backdrop-filter:blur(22px);box-shadow:none;position:sticky;top:0;z-index:8}.crumb-root{font-size:10px;letter-spacing:1.4px;color:#748ea4}.crumb-sep{color:#536b80}.breadcrumbs strong{color:#edf6fc;font-weight:650}.top-clock{color:#70869c}.mode-pill{border-radius:24px;padding:7px 11px;background:#18362c;border:1px solid #2e624e;color:#aaf4d2;font-size:10px}.mode-pill i{background:#89eac8}.account-pill{border:1px solid #2c3d50;background:#1c2938;color:#cad7e6}.icon-button{background:#1b2837;border:1px solid #334356;color:#a8c6dc;border-radius:9px}.icon-button:hover{background:#2b3c4c;color:#fff}.avatar{background:#234237;border:1px solid #426859;color:#a5f5d1}
.workspace-banner{background:#101a26;border-bottom:1px solid #253449;height:32px;color:#819bb0;font-size:9px;letter-spacing:1.1px;padding:0 45px}.banner-marker{background:#8fe8c7;box-shadow:0 0 10px #78e2be}.banner-divider{background:#33455a}.banner-right{color:#a5d5c9}.content{max-width:1750px;padding:45px 48px 60px}.footer{background:transparent;border-top:1px solid #243346;color:#6d879d;font-size:10px;padding:20px 45px}
.page-heading{margin-bottom:33px}.page-heading h1{font:800 clamp(25px,2.2vw,38px)/1.2 Manrope,system-ui;letter-spacing:-1.5px;color:#eff6fd}.page-heading p{color:#9db0c4;max-width:850px;font-size:13px}.eyebrow{color:#8ee4c4;letter-spacing:2px;font-size:9px}.button{border-radius:10px;padding:12px 18px;font-size:12px;font-weight:750;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s}.button-primary{color:#102923;background:#96efcf;border:1px solid #b6ffdf;box-shadow:0 10px 30px #7be4b51b}.button-primary:hover{color:#0c241e;background:#bef9df;transform:translateY(-2px);box-shadow:0 13px 32px #71dabb33}.button-ghost{border:1px solid #3c5266;color:#d1e3ef;background:#192737}.button-ghost:hover{color:#fff;background:#27394a;transform:translateY(-2px)}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}
.panel,.studio-card,.studio-canvas-box,.stat-card,.fleet-command-box{background:#141f2d;border:1px solid #2d3e52;border-radius:15px;box-shadow:0 14px 45px #00000016;color:#dbe8f2}.panel-head{border-color:#2b3a4e;padding:21px 23px}.panel-title{color:#f0f6fc;font-size:15px}.panel-subtitle{color:#879caf}.panel-body{padding:23px}.stat-card{padding:23px}.stat-top{color:#92a6ba}.stat-value{color:#eef6fa}.stat-note{color:#8ba1b7}.stat-icon,.quick-icon{color:#9ce5c7;background:#21433b;border-color:#386e5d}.quick-row{color:#d1dfea;border-color:#2d3a4a}.quick-row:hover{background:#243445}.quick-copy strong,.quick-count,.detail-item span:last-child{color:#e5f0f8}.quick-copy small,.detail-item span:first-child{color:#879daf}.detail-item{border-color:#2b394a}.notice{background:#29301e;border:1px solid #5d5a35;color:#e9dca8}.notice strong{color:#f8e4a9}.tag{background:#202f41;color:#b5cadd;border-color:#36495d}.tag.green{background:#193b32;color:#a4efca;border-color:#346d51}.tag.amber{background:#42301c;color:#f9d19b;border-color:#76542f}.inventory-toolbar{border-color:#2a394c}.search-box{background:#0f1b29;border-color:#304156}.search-box input{color:#e5f0f9;background:transparent}table thead,thead,th{background:#152335;color:#8ea6ba;border-color:#2a3b50}td{color:#d3e1ec;border-color:#27394e}tbody tr:hover{background:#1d2d3c}.primary-cell,.cell-muted{color:#dbe9f3}.resource-dialog{background:#152234;color:#edf5fa;border-color:#395066}.dialog-head h2{color:#edf5fc}.dialog-head p{color:#a5b9cf}.field label,.studio-card label{color:#b8c9d9}.field small,.studio-card p,.studio-card li{color:#899eb4}.field input,.field select,.field textarea,.studio-card input,.studio-card select,.studio-card textarea,.studio-toolbar input,.studio-toolbar select,.task-form input,.task-form textarea,.task-form select{background:#101d2b;color:#e5f1fa;border-color:#3a4b5f}.field input:focus,.field select:focus,.field textarea:focus{border-color:#89e8c4}.dialog-actions{border-color:#314055}.install-stage-list li{color:#d2dfe9}.install-summary strong,.fleet-node-head strong,.fleet-metrics b{color:#ebf4fd}.fleet-node{border-color:#2d3b4e}.fleet-node-head small,.fleet-metrics span{color:#9bb0c2}.fleet-metrics span{background:#172536;border-color:#2e3f51}.fleet-command-box{background:#132233}.fleet-command-box h3{color:#eaf4fd}.fleet-command-box p{color:#93aabd}.installation-widget{background:#162639;border-color:#314b5f}.install-muted,.install-hint,.install-evidence-note{color:#97aabd}.install-pill{background:#223044;color:#afc3d5;border-color:#384a5f}.install-pill.complete{background:#1a4035;color:#a5edcd;border-color:#34765e}.install-pill.failed{background:#4b2834;color:#ffb3be;border-color:#85425b}.install-pill.running{background:#1b354b;color:#a8d9f8;border-color:#375b79}.install-pill.waiting{background:#42311f;color:#f4d49d;border-color:#765636}.install-progress{background:#243b4c}.install-progress span{background:#92e6c8}.install-log-entry{color:#d4e6f7}.install-expand,.horizon-inline{color:#a0e9ca}.install-expand:hover,.horizon-inline:hover{color:white}.login-overlay{background:#050c14e5}.login-card{background:linear-gradient(140deg,#142337,#101b29);border-color:#364e64;box-shadow:0 45px 100px #0009}.login-card h1,.login-brand strong{color:#f2f9ff}.login-brand small,.login-intro,.login-field,.login-footnote{color:#98b0c5}.login-field input{background:#0e1a29;color:#edf5fb;border-color:#3a5269}.login-footnote code{background:#1d3447;color:#cee5f4}.toast{background:#173b33;color:#cdf6e8}.toast.error{background:#502c3a;color:#ffd9df}.error-panel{background:#4a2734;color:#ffbac6;border-color:#8d4e67}.matrix-report{background:#0c1828;color:#c3d6e9;border-color:#355069}.matrix-report pre{background:#0a1420;color:#c9ddf0}
/* Horizon landing — entirely new information hierarchy and card system */
.horizon-wrap{animation:horizon-enter .6s cubic-bezier(.2,.8,.2,1) both}.horizon-intro{position:relative;isolation:isolate;overflow:hidden;min-height:314px;display:flex;align-items:center;justify-content:space-between;padding:45px 52px;border:1px solid #39545f;border-radius:21px;background:radial-gradient(ellipse at 90% 40%,#257d6d3d,transparent 45%),radial-gradient(ellipse at 30% -40%,#4b83ac35,transparent 58%),linear-gradient(120deg,#162a38,#14242f 67%,#12312e);box-shadow:0 30px 80px #040b1530}.horizon-intro::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#b4f8df07 1px,transparent 1px),linear-gradient(90deg,#b4f8df07 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent 30%,black 100%);pointer-events:none}.horizon-intro>div:first-child{z-index:1}.horizon-eyebrow,.horizon-kicker{font-weight:800;letter-spacing:2px;color:#8ceac7;font-size:10px}.horizon-spark{display:inline-block;width:7px;height:7px;border-radius:50%;background:#97f5d2;box-shadow:0 0 14px #7bf8cd;margin-right:8px;animation:h-pulse 3s ease-in-out infinite}.horizon-issue{font-weight:600;color:#9eb6c6;margin-left:17px;letter-spacing:.5px}.horizon-intro h1{font:800 clamp(30px,3vw,46px)/1.3 Manrope,system-ui;letter-spacing:-2.1px;margin:23px 0 13px;color:#f6f9ff}.horizon-intro h1 em{font-style:normal;color:#9decce}.horizon-intro p{font-size:12.5px;line-height:1.9;color:#b3ced4;max-width:520px}.horizon-buttons{display:flex;gap:10px;margin-top:27px}.horizon-scope{height:230px;width:290px;flex-shrink:0;position:relative;display:grid;place-items:center;margin-right:22px}.horizon-ring{position:absolute;border:1px solid #a9ffe52e;border-radius:50%;box-shadow:0 0 30px #81ffe108}.ring-one{width:232px;height:232px;border-style:dashed;animation:h-spin 48s linear infinite}.ring-two{width:175px;height:175px;border-color:#acfde342;animation:h-spin 38s linear infinite reverse}.ring-three{width:115px;height:115px;background:#8eefc30d;border-color:#a8ffe54c;box-shadow:0 0 70px #8fffcc15}.horizon-center{display:grid;text-align:center;gap:2px;z-index:1}.horizon-centermark{font:800 46px Manrope;color:#b5ffe1;line-height:1.2;filter:drop-shadow(0 0 21px #baffdb55)}.horizon-center small{font-size:8px;letter-spacing:2px;color:#83bfb1}.horizon-beacon{position:absolute;width:9px;height:9px;border-radius:50%;background:#b5ffe7;box-shadow:0 0 21px #b5ffe7;animation:h-pulse 2.8s ease-in-out infinite}.b-one{top:8px;left:50%}.b-two{bottom:29px;left:38px;animation-delay:-1.3s}.b-three{right:35px;bottom:33px;animation-delay:-.6s}
.horizon-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 23px}.horizon-metric{background:linear-gradient(140deg,#152231,#121d2b);border:1px solid #2d3e50;border-radius:15px;padding:21px 24px;min-width:0;transition:transform .3s,border-color .3s}.horizon-metric:hover{transform:translateY(-4px);border-color:#4f8477}.horizon-metric small{display:block;color:#8eaab9;font-size:9px;letter-spacing:1.3px;font-weight:800}.horizon-metric strong{display:block;font:800 34px Manrope;line-height:1.3;color:#f0f8fb;margin:10px 0 2px}.horizon-metric span{display:block;color:#718ca3;font-size:10px}.horizon-metric.accent-metric{background:linear-gradient(135deg,#1a3c37,#15312e);border-color:#3e7365}.accent-metric strong{color:#adf8d8}.horizon-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.85fr);gap:19px}.horizon-panel{min-width:0;background:#121d2a;border:1px solid #2a3b50;border-radius:17px;overflow:hidden;box-shadow:0 22px 50px #0610191d}.horizon-panel-head{padding:26px 26px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #273648}.horizon-panel-head h2,.horizon-next h2{font:800 19px Manrope;color:#f1f8fe;letter-spacing:-.6px;margin:8px 0 4px}.horizon-panel-head p{font-size:11px;color:#829bb2}.horizon-counter{font:800 21px Manrope;color:#9aebc9;white-space:nowrap}.horizon-gates{padding:7px 26px}.horizon-gate{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #223243}.horizon-gate:last-child{border-bottom:0}.horizon-step{flex:0 0 32px;height:32px;display:grid;place-items:center;font:800 11px Manrope;color:#7796aa;background:#1b2b3c;border:1px solid #344357;border-radius:9px}.gate-passed .horizon-step{color:#a3f3d1;background:#1b4237;border-color:#367961}.horizon-gate-body{flex:1;min-width:0}.horizon-gate-body b{display:block;font-size:12px;color:#dceaf4}.horizon-gate-body small{display:block;font-size:10px;color:#7692a9;margin-top:4px;line-height:1.5}.horizon-status{font-size:10px;font-weight:800;border-radius:100px;border:1px solid #6b5636;color:#e6be83;background:#3b2b1e;padding:5px 9px;white-space:nowrap}.gate-passed .horizon-status{border-color:#346b55;background:#1a3a30;color:#a8eacc}.horizon-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 26px;border-top:1px solid #28394a}.horizon-panel-foot>span{font-size:10px;color:#7891a8}.horizon-panel-foot .button{font-size:10px;padding:9px 12px}.horizon-inline{background:none;border:0;padding:4px 0;cursor:pointer;font-weight:750;font-size:11px;white-space:nowrap}.horizon-nodes{padding:8px 22px}.horizon-node{width:100%;display:flex;align-items:center;text-align:left;gap:12px;padding:16px 4px;background:none;border:0;border-bottom:1px solid #263648;color:#dce9f4;cursor:pointer;transition:background .2s}.horizon-node:hover{background:#1b2b3a}.horizon-node:last-child{border:0}.horizon-hostglyph{flex:0 0 40px;height:40px;display:grid;place-items:center;border:1px solid #35645a;border-radius:11px;background:#193b35;color:#9ee9c7;font-size:21px}.horizon-hostinfo{flex:1;min-width:0}.horizon-hostinfo b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.horizon-hostinfo small{color:#7893a9;font-size:10px}.horizon-hoststate{text-align:right;color:#a9bbc9;font-size:10px;white-space:nowrap}.horizon-hoststate i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%}.h-online{background:#85e9bd;box-shadow:0 0 12px #a0f5d0}.h-offline{background:#a5a6ac}.horizon-hoststate small{display:block;color:#6b879c;margin-top:4px}.horizon-empty,.horizon-loading{padding:30px;color:#93afc4;font-size:12px}.horizon-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:19px;margin-top:19px}.horizon-next,.horizon-fidelity{background:#121e2a;border:1px solid #283b4c;border-radius:17px;padding:26px}.horizon-next h2{font-size:18px}.horizon-next p{font-size:11px;color:#8ba4b7;line-height:1.8;max-width:700px;margin:7px 0 13px}.horizon-ledger{font-size:10px;color:#a1b5c8;margin-top:14px}.horizon-led{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%}.horizon-led.ok{background:#81e6ba}.horizon-led.waiting{background:#e3b778}.horizon-led.faded{background:#6f8599}.horizon-footline{display:flex;justify-content:space-between;gap:15px;color:#667e95;font-size:9px;letter-spacing:1px;margin:26px 3px}
@keyframes h-pulse{0%,100%{opacity:.65;transform:scale(.87)}50%{opacity:1;transform:scale(1.14)}}@keyframes h-spin{to{transform:rotate(360deg)}}@keyframes horizon-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1300px){.horizon-grid{grid-template-columns:1fr}.horizon-scope{margin-right:0}.sidebar{width:235px;flex-basis:235px}.content{padding:30px 28px}.topbar,.workspace-banner{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.horizon-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.horizon-scope{width:180px;height:180px}.ring-one{width:175px;height:175px}.ring-two{width:138px;height:138px}.ring-three{width:96px;height:96px}.horizon-beacon{display:none}.horizon-intro{padding:35px;min-height:auto}.horizon-bottom{grid-template-columns:1fr}}
@media(max-width:820px){.app-shell{display:block}.sidebar{position:relative;height:auto;width:100%;padding:12px 14px;border-right:0;border-bottom:1px solid #27374b}.brand{padding:6px 2px 15px}.environment-block,.sidebar-bottom,.nav-caption{display:none}.navigation-redesigned{display:flex;align-items:center;gap:5px;overflow-x:auto;padding-bottom:7px}.nav-item{flex:0 0 auto;width:auto;white-space:nowrap;min-height:39px;padding:9px 11px}.nav-icon{display:inline-grid}.nav-advanced{flex:0 0 auto;padding:0;border:0;margin:0}.nav-advanced[open]{position:relative}.nav-extra{position:absolute;z-index:25;width:240px;right:0;top:100%;padding:10px;background:#172737;border:1px solid #385368;border-radius:12px;max-height:65vh;overflow:auto;box-shadow:0 25px 44px #0007}.nav-extra .nav-item{width:100%}.topbar{position:relative;height:60px}.top-clock,.mode-pill{display:none}.content{padding:23px 14px}.workspace-banner{padding-left:14px;padding-right:14px}.horizon-intro{padding:24px}.horizon-scope{display:none}.horizon-intro h1{font-size:30px}.horizon-metrics{gap:10px}.horizon-metric{padding:17px}.horizon-grid{display:block}.horizon-grid .horizon-panel+.horizon-panel{margin-top:17px}}
@media(max-width:520px){.horizon-panel-head,.horizon-panel-foot{padding:18px;align-items:flex-start;flex-wrap:wrap}.horizon-gates,.horizon-nodes{padding-left:17px;padding-right:17px}.horizon-gate{gap:10px}.horizon-gate-body small{font-size:9px}.horizon-status{font-size:9px}.horizon-metric strong{font-size:26px}.horizon-intro h1{font-size:27px}.horizon-eyebrow{font-size:9px}.horizon-issue{display:none}.horizon-buttons{flex-wrap:wrap}.topbar{padding:0 13px}.banner-right,.account-pill{display:none}.horizon-footline{flex-direction:column}.horizon-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

.horizon-testbench{margin-top:19px;background:#121e2b;border:1px solid #304458;border-radius:17px;overflow:hidden}.horizon-flag{font-size:10px;letter-spacing:1px;color:#91e9cd;background:#1c3a33;border:1px solid #3e6d5b;border-radius:99px;padding:6px 11px}.horizon-testfields{padding:19px 26px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:15px}.horizon-testfields.secondary{padding-top:12px;padding-bottom:19px}.horizon-testfields label{font-size:11px;color:#aec2d6;font-weight:650;display:flex;flex-direction:column;gap:7px}.horizon-testfields select,.horizon-testfields input{border:1px solid #3b5366;border-radius:9px;background:#111c2a;color:#eaf7fe;min-height:41px;padding:10px;width:100%;min-width:0;font-size:11px}.horizon-testfields .button{min-height:41px}.horizon-feedback{font-size:10px;color:#94aec4;padding:13px 26px 18px;border-top:1px solid #2b3e50;line-height:1.6}@media(max-width:1000px){.horizon-testfields{grid-template-columns:1fr 1fr}.horizon-testfields .button{grid-column:1/-1}}@media(max-width:520px){.horizon-testfields{grid-template-columns:1fr;padding-left:17px;padding-right:17px}.horizon-testfields .button{grid-column:1}.horizon-feedback{padding:13px 17px}}

/* HORIZON / ATLAS 0.15.3 — rebuilt dashboard geometry, editorial hierarchy,
   focus states and microinteraction. Business forms and operations remain intact. */
:root{--bg:#091520;--panel:#122331;--panel2:#192c39;--line:#2b4352;--text:#edf6f6;--muted:#9bb1bd;--accent:#96e6ce;--accent2:#96e6ce;--shadow:0 20px 55px #0003}
body{letter-spacing:.004em}.main-area{background:radial-gradient(ellipse at 70% 0%,#1a465424,transparent 35%),#091520}.sidebar{background:#0b1723;border-color:#253745}.topbar{background:#0e1e2bdc;border-color:#2a4050}.workspace-banner{background:#102331;color:#8fa9b7;border-bottom-color:#294252}.footer{color:#7891a0}
.brand{padding-bottom:27px}.brand-mark{background:#143432;border-color:#417469}.brand strong{font-size:21px}.brand small{letter-spacing:2px}.environment-block{background:#122532;border-color:#30515b;margin-bottom:28px}.nav-caption{color:#788f9c}.nav-item{border-radius:10px;font-size:12px;font-weight:650;transition:background .18s,color .18s,border-color .18s}.nav-item:hover{transform:none;background:#182f3b}.nav-item.active{background:#214439;border-color:#42745f;box-shadow:inset 3px 0 #a0edd3;color:#d6fff0}.nav-item.active .nav-icon{color:#a5efd6}.nav-icon{font-weight:600;font-family:'DM Sans',system-ui}
.horizon-wrap{max-width:1660px;margin:auto;animation:horizon-enter .35s ease-out}.horizon-intro{position:relative;min-height:260px;background:linear-gradient(114deg,#143c3d,#102b37 59%,#102638);border:1px solid #386161;box-shadow:0 16px 60px #0002;border-radius:19px;padding:37px 44px;display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:30px;align-items:center;overflow:hidden}.horizon-intro:after{content:'';pointer-events:none;position:absolute;width:450px;height:450px;right:-210px;top:-240px;border:1px solid #9af5d228;border-radius:50%;box-shadow:0 0 0 52px #9af5d207,0 0 0 118px #9af5d205}.horizon-intro h1{font:800 clamp(27px,2.75vw,43px)/1.24 Manrope,system-ui;letter-spacing:-1.8px;margin:14px 0 12px}.horizon-intro h1 em{color:#a8f5d6}.horizon-intro p{line-height:1.85;max-width:570px;color:#bdd2d5;font-size:12px}.horizon-eyebrow{font-size:9px;color:#a6e7d3;letter-spacing:1.9px}.horizon-issue{font-size:9px;color:#7fa6a8;letter-spacing:1px}.horizon-buttons{margin-top:21px}.horizon-buttons .button{border-radius:9px;font-size:11px;padding:11px 17px}.horizon-hero-aside{min-height:175px;padding:19px 20px;position:relative;z-index:1;border-radius:12px;background:#0d2b32ad;border:1px solid #386968;backdrop-filter:blur(10px)}.aside-label{color:#90b6b8;font:800 9px Manrope;letter-spacing:1.5px}.aside-number{margin:7px 0 10px;display:flex;align-items:baseline;gap:6px}.aside-number b{font:800 53px/1.15 Manrope;color:#e3fff4;letter-spacing:-2px}.aside-number span{font:650 20px Manrope;color:#6c9b9c}.aside-progress{height:5px;border-radius:9px;overflow:hidden;background:#315153}.aside-progress>span{height:100%;width:0%;display:block;background:linear-gradient(90deg,#79c5a8,#b5ffdf);border-radius:9px;transition:width .45s ease}.aside-foot{font-size:10px;color:#a6c2c6;margin-top:9px}.aside-note{font:800 9px Manrope;letter-spacing:1.2px;margin-top:16px;color:#97b9bb}.aside-note i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e6c38d;margin-right:7px}
.horizon-metrics{gap:13px;margin:15px 0 20px}.horizon-metric{border:1px solid #2f4b59;border-radius:14px;padding:19px 21px;min-height:151px;background:linear-gradient(145deg,#142837,#10212f)}.horizon-metric:hover{transform:translateY(-2px);border-color:#4c847c}.horizon-metric.accent-metric{background:linear-gradient(135deg,#1b3a37,#142e36);border-color:#356c62}.horizon-metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.horizon-metric-top>span:first-child{font:800 9px Manrope;color:#789aaa;letter-spacing:1.2px}.metric-glyph{font-size:18px;color:#75a7b2}.horizon-metric small{font-size:11px;color:#c3d6df;letter-spacing:0;font-weight:650}.horizon-metric strong{font:800 33px/1.15 Manrope;letter-spacing:-1px;color:#f0fbfb;margin:5px 0}.horizon-metric .metric-desc{font-size:10px;color:#789cab}.accent-metric strong{color:#a1f3d5}
.horizon-panel{background:#102330;border:1px solid #2d4756;border-radius:16px;box-shadow:0 17px 50px #0002}.horizon-panel-head{padding:23px 25px 20px}.horizon-panel-head h2,.horizon-next h2{font-size:18px;letter-spacing:-.65px;margin-top:7px}.horizon-panel-head p{font-size:11px;color:#86a6b6;line-height:1.7}.horizon-kicker{color:#8ebfb9;letter-spacing:1.5px;font-size:9px;font-weight:800}.horizon-counter{font-size:21px}
.horizon-map-shell{position:relative;margin-bottom:20px;overflow:hidden}.horizon-map-shell .horizon-panel-head{border-bottom:1px solid #2a4656}.title-stop{color:#94e9cd}.horizon-head-right{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.horizon-map-count{font:800 12px Manrope;color:#b1efdb}.horizon-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;height:352px}.horizon-map-canvas{height:352px}.horizon-map-list{border-left:1px solid #2e4b58;background:#0e202c;display:flex;flex-direction:column;min-width:0}.map-list-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 9px Manrope;letter-spacing:1.2px;color:#82a7b6;padding:18px 17px;border-bottom:1px solid #2b4352}.map-list-title span{color:#b3efd7}.map-sites{flex:1;min-height:0;overflow:auto}.map-site-row{width:100%;display:flex;gap:10px;align-items:center;text-align:left;color:#e0eaf1;border:0;border-bottom:1px solid #253947;background:none;padding:13px 15px;cursor:pointer;transition:background .16s}.map-site-row:hover,.map-site-row:focus-visible{background:#1c3842;outline:none}.map-site-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#9fadc2}.site-good{background:#85e7c0;box-shadow:0 0 12px #89e7c0}.site-bad{background:#e2a18e}.site-unknown{background:#839fb6}.map-site-row>span:nth-child(2){flex:1;min-width:0}.map-site-row b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-site-row small{color:#87a3b1;font-size:9px;display:block;margin-top:4px}.map-site-arrow{color:#6b94a1}.map-site-none{padding:23px 18px;color:#9eb5c1;font-size:11px;line-height:1.8}.map-list-foot{padding:13px 17px;border-top:1px solid #2b4352;color:#7495a5;font-size:9px;line-height:1.7}.horizon-map-overlay{position:absolute;left:0;right:270px;top:94px;bottom:40px;pointer-events:none}.horizon-map-overlay .atlas-toolbar{pointer-events:auto}.horizon-map-status{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 18px;background:#0b1d2a;border-top:1px solid #2b4555;color:#84a5b1;font-size:9px}.horizon-map-status i{display:inline-block;background:#93e7cc;width:6px;height:6px;border-radius:50%;margin-right:7px}.horizon-map-status>[data-atlas-zoom]{font:800 10px monospace;color:#a4bbc8}.horizon-map-shell .atlas-empty{left:calc((100% - 270px)/2);top:55%}
.horizon-grid{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr);gap:19px}.horizon-gates{padding:7px 23px}.horizon-gate{gap:13px;padding:13px 0}.horizon-step{border-radius:9px;flex-basis:33px;height:33px}.horizon-gate-body b{font-size:11px}.horizon-gate-body small{font-size:10px;line-height:1.5}.horizon-status{font-size:9px}.horizon-panel-foot{padding:14px 23px}.horizon-nodes{padding:8px 19px}.horizon-node{padding:15px 4px;gap:10px}.horizon-hostglyph{border-radius:9px}.horizon-hostinfo b{font-size:11px}.horizon-hostinfo small{font-size:9px}.horizon-hoststate{font-size:9px}.horizon-hoststate small{font-size:9px}.horizon-bottom{gap:19px}.horizon-next,.horizon-fidelity{background:#102330;border:1px solid #2c4756;border-radius:16px}.horizon-testbench{background:#102330;border-color:#2d4756;border-radius:16px}.horizon-testfields select,.horizon-testfields input{background:#102432;border-color:#3c5866;font-size:12px;border-radius:9px}.horizon-testfields select:focus,.horizon-testfields input:focus{outline:2px solid #7edabc;outline-offset:1px}.horizon-feedback{color:#91aebc}.horizon-footline{color:#718d9d}
/* Shared admin components: consistent strokes, typography and tactile feedback. */
.button{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button:focus-visible,.nav-item:focus-visible,.icon-button:focus-visible,.horizon-inline:focus-visible{outline:2px solid #a8f5dc;outline-offset:3px}.button.button-primary{background:#96e8ce;color:#0b302e;border:1px solid #a9f7d9;box-shadow:0 7px 20px #71e4bc13}.button.button-primary:hover{background:#bcffe4;box-shadow:0 8px 22px #9be7c13c}.button.button-ghost{border-color:#476777;background:#1a3440;color:#d6ebf1}.button.button-ghost:hover{background:#244653}.resource-dialog{border:1px solid #486473;box-shadow:0 30px 100px #0008}.toast{box-shadow:0 15px 45px #0006}.tag{border-radius:7px}.table-wrap{border-radius:12px;overflow:hidden}.table-wrap th{letter-spacing:.4px}.table-wrap tbody tr:hover{background:#1d354325}
@media(max-width:1300px){.horizon-map-layout{grid-template-columns:minmax(0,1fr) 235px}.horizon-map-overlay{right:235px}.horizon-map-shell .atlas-empty{left:calc((100% - 235px)/2)}}
@media(max-width:1020px){.horizon-map-layout{grid-template-columns:1fr;height:auto}.horizon-map-canvas{height:315px}.horizon-map-list{border-left:0;border-top:1px solid #2e4b58}.map-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:205px;overflow:auto}.map-list-foot{display:none}.horizon-map-overlay{right:0;bottom:auto;top:94px;height:315px}.horizon-map-shell .atlas-empty{left:50%;top:44%}.horizon-grid{grid-template-columns:1fr}}
@media(max-width:900px){.horizon-intro{padding:30px;grid-template-columns:1fr 180px;gap:15px}.horizon-hero-aside{min-height:155px}.aside-number b{font-size:43px}.horizon-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.horizon-map-canvas{height:310px}.horizon-map-overlay{top:94px;height:310px}}
@media(max-width:690px){.horizon-intro{grid-template-columns:1fr}.horizon-hero-aside{display:none}.horizon-intro h1{font-size:34px}.horizon-metric{padding:15px;min-height:140px}.horizon-metric strong{font-size:29px}.horizon-map-shell .horizon-panel-head{flex-wrap:wrap;gap:9px}.horizon-head-right{align-items:flex-start;flex-direction:row}.horizon-map-canvas{height:290px}.horizon-map-overlay{top:130px;height:290px}.map-sites{grid-template-columns:1fr}.horizon-map-status span:nth-child(2){display:none}}
@media(max-width:520px){.horizon-intro{padding:23px}.horizon-intro h1{font-size:28px}.horizon-intro p{font-size:11px}.horizon-metrics{gap:9px}.horizon-metric{padding:13px}.horizon-metric-top{margin-bottom:14px}.horizon-metric small{font-size:10px}.horizon-metric strong{font-size:27px}.horizon-map-canvas{height:235px}.horizon-map-overlay{top:156px;height:235px}.horizon-map-shell .horizon-panel-head{padding:17px}.horizon-map-list .map-list-title{padding:12px}.horizon-gates{padding:6px 15px}.horizon-gate{gap:9px}}
@media(prefers-reduced-motion:reduce){.horizon-wrap{animation:none!important}.aside-progress>span{transition:none!important}.button{transition:none!important}}

/* Private lab and SIG layout, v0.15.3 */
.sig-mesh-dialog{width:min(700px,calc(100vw - 24px));max-height:88vh;overflow:auto}
.sig-mesh-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:13px;margin:18px 0}
.sig-node-prefix{display:flex;flex-direction:column;gap:7px;border:1px solid rgba(140,169,186,.28);padding:14px;border-radius:15px;background:rgba(101,154,185,.06)}
.sig-node-prefix strong{font-weight:700}.sig-node-prefix small{opacity:.7;line-height:1.45}
.sig-node-prefix input{max-width:100%;box-sizing:border-box}
#fleet-lab-readiness{margin:12px 0;padding:12px;border-radius:12px;border:1px solid rgba(105,193,176,.3)}