@font-face{font-family:Console Sans;src:local("Aptos"),local("Noto Sans CJK SC"),local("Microsoft YaHei");font-display:swap}@font-face{font-family:Console Display;src:local("Bahnschrift"),local("Aptos Display"),local("Microsoft YaHei UI");font-display:swap}:root{color-scheme:light dark;--font-body: "Console Sans", sans-serif;--font-display: "Console Display", sans-serif;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .45rem;--sidebar-width: 15.5rem;--sidebar-collapsed: 4.5rem;--bg: light-dark(oklch(.965 .008 78), oklch(.18 .008 190));--surface: light-dark(oklch(.987 .005 78), oklch(.215 .009 190));--surface-raised: light-dark(oklch(.997 .003 78), oklch(.245 .01 190));--surface-sunken: light-dark(oklch(.935 .008 78), oklch(.155 .008 190));--text: light-dark(oklch(.24 .012 220), oklch(.91 .01 80));--text-muted: light-dark(oklch(.5 .013 220), oklch(.68 .012 190));--text-faint: light-dark(oklch(.62 .012 220), oklch(.56 .012 190));--border: light-dark(oklch(.85 .01 78), oklch(.34 .012 190));--border-strong: light-dark(oklch(.7 .015 78), oklch(.45 .014 190));--accent: light-dark(oklch(.52 .112 55), oklch(.73 .105 65));--accent-hover: light-dark(oklch(.45 .12 55), oklch(.79 .098 65));--accent-ink: light-dark(oklch(.98 .01 75), oklch(.18 .02 60));--positive: light-dark(oklch(.48 .085 160), oklch(.72 .09 160));--positive-bg: light-dark(oklch(.94 .035 160), oklch(.25 .035 160));--warning: light-dark(oklch(.54 .112 70), oklch(.77 .115 78));--warning-bg: light-dark(oklch(.95 .04 80), oklch(.26 .035 75));--critical: light-dark(oklch(.53 .15 28), oklch(.72 .14 28));--critical-bg: light-dark(oklch(.95 .035 28), oklch(.26 .042 28));--focus: light-dark(oklch(.57 .125 225), oklch(.75 .105 220))}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*{box-sizing:border-box}html{min-width:20rem;background:var(--bg)}body{margin:0;min-width:20rem;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:.875rem;line-height:1.5;letter-spacing:0;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{color:inherit}svg{flex:0 0 auto}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:color-mix(in oklch,var(--accent) 28%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:var(--space-sm);left:var(--space-sm);transform:translateY(-180%);background:var(--text);color:var(--surface);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm)}.skip-link:focus{transform:translateY(0)}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.text-critical{color:var(--critical)}.text-warning{color:var(--warning)}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.sidebar{position:sticky;z-index:30;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-sunken);border-right:1px solid var(--border)}.sidebar-header{height:4.25rem;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);border-bottom:1px solid var(--border)}.wordmark{min-width:0;display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:600}.wordmark-mark{width:2rem;height:2rem;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--accent);font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums}.wordmark-name{overflow:hidden;white-space:nowrap}.icon-button{width:2.25rem;height:2.25rem;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.icon-button:hover{background:var(--surface-raised);border-color:var(--border)}.sidebar-collapse{margin-left:auto}.mobile-close,.mobile-menu{display:none}.sidebar nav{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-lg) var(--space-sm)}.sidebar nav button{position:relative;min-height:2.75rem;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-sm);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);text-align:left;cursor:pointer}.sidebar nav button:hover{background:var(--surface);color:var(--text)}.sidebar nav button.is-active{background:var(--surface-raised);border-color:var(--border);color:var(--text);font-weight:600}.sidebar nav button.is-active svg{color:var(--accent)}.nav-indicator{width:.35rem;height:.35rem;margin-left:auto;border-radius:50%;background:var(--warning)}.sidebar-footer{margin-top:auto;min-height:4.5rem;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border)}.principal{min-width:0;display:flex;align-items:center;gap:var(--space-sm);flex:1}.principal-mark{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700}.principal div{min-width:0;display:flex;flex-direction:column}.principal strong,.principal span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.principal strong{font-size:.8125rem}.principal div span{color:var(--text-muted);font-size:.75rem}.app-stage{min-width:0;min-height:100vh}.topbar{height:4.25rem;position:sticky;z-index:20;top:0;display:flex;justify-content:flex-end;align-items:center;gap:var(--space-lg);padding:0 clamp(1rem,3vw,2.5rem);background:color-mix(in oklch,var(--bg) 94%,transparent);border-bottom:1px solid var(--border)}.collection-state{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.75rem}.collection-state strong{color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.live-mark{width:.45rem;height:.45rem;border-radius:50%;background:var(--positive)}.theme-control{display:inline-flex;align-items:center;padding:.1875rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-sunken)}.theme-control button{width:1.8rem;height:1.8rem;display:grid;place-items:center;border:0;border-radius:.2rem;background:transparent;color:var(--text-muted);cursor:pointer}.theme-control button:hover{color:var(--text)}.theme-control button.is-active{background:var(--surface-raised);color:var(--accent)}.main-content{width:min(100%,100rem);margin:0 auto;padding:clamp(1.5rem,4vw,3rem) clamp(1rem,3vw,2.5rem) 4rem}.main-content.overview-workspace{width:100%;height:calc(100dvh - 4.25rem);min-height:32rem;padding:0;overflow:hidden}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-xl);margin-bottom:var(--space-xl)}.eyebrow,.section-kicker{margin:0 0 var(--space-xs);color:var(--accent);font-size:.6875rem;font-weight:700;text-transform:uppercase}.page-header h1{margin:0;font-family:var(--font-display);font-size:2rem;line-height:1.12;font-weight:600}.page-detail{max-width:68ch;margin:var(--space-sm) 0 0;color:var(--text-muted)}.page-actions{display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto}.button{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:0 var(--space-md);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.button-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button-secondary{background:var(--surface-raised);border-color:var(--border)}.button-secondary:hover:not(:disabled){border-color:var(--border-strong)}.button-quiet{background:transparent;color:var(--text-muted)}.button-quiet:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.button-small{min-height:2rem;padding:0 var(--space-sm);font-size:.8125rem}.button-full{width:100%}.status-badge{width:max-content;display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap;color:var(--text-muted);font-size:.75rem;font-weight:600}.status-dot{width:.45rem;height:.45rem;flex:0 0 auto;border-radius:50%;background:var(--text-faint)}.status-positive{color:var(--positive)}.status-positive .status-dot{background:var(--positive)}.status-warning{color:var(--warning)}.status-warning .status-dot{background:var(--warning)}.status-critical{color:var(--critical)}.status-critical .status-dot{background:var(--critical)}.status-compact{font-size:.6875rem}.summary-band{display:grid;grid-template-columns:minmax(15rem,1.35fr) repeat(3,minmax(10rem,1fr));margin-bottom:var(--space-xl);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.summary-primary,.summary-cell{min-height:8.75rem;display:flex;flex-direction:column;justify-content:center;padding:var(--space-lg)}.summary-cell{border-left:1px solid var(--border)}.summary-label{color:var(--text-muted);font-size:.75rem}.summary-value{margin:var(--space-2xs) 0;font-family:var(--font-display);font-size:2.65rem;line-height:1;font-weight:500}.summary-number{margin:var(--space-2xs) 0;font-family:var(--font-display);font-size:2rem;line-height:1.15;font-weight:500}.summary-subtle{color:var(--text-muted);font-size:.75rem}.infrastructure-scene{position:relative;width:100%;height:100%;min-height:100%;overflow:hidden;background:#070f0e;isolation:isolate}.infrastructure-canvas{width:100%!important;height:100%!important;touch-action:none}.scene-loading{display:grid;place-items:center;color:#909b9a;font-size:.75rem}.scene-toolbar{position:absolute;z-index:3;top:var(--space-md);left:var(--space-md);display:flex;gap:var(--space-md);pointer-events:none;color:#a9b4b3;font-size:.6875rem}.scene-toolbar span{display:inline-flex;align-items:center;gap:var(--space-2xs)}.scene-legend{position:absolute;z-index:3;left:var(--space-md);bottom:var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-md);padding:var(--space-xs) var(--space-sm);background:#0a1110e0;border:1px solid oklch(.42 .014 190);border-radius:var(--radius-sm);color:#bdc6c5;font-size:.6875rem;pointer-events:none}.scene-legend span{display:inline-flex;align-items:center;gap:var(--space-2xs)}.scene-key{width:.5rem;height:.5rem;border-radius:50%;background:#747c7b}.scene-key-passing{background:#57bc8a}.scene-key-warning{background:#d7a03d}.scene-key-failing{background:#eb6457}.scene-key-unknown{background:#718086}.scene-inspector{position:absolute;z-index:4;top:var(--space-md);right:var(--space-md);width:min(17.5rem,calc(100% - 2rem));padding:var(--space-md);background:#0e1615f5;border:1px solid oklch(.42 .014 190);border-radius:var(--radius-sm);color:#e8e4dd}.scene-inspector header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid oklch(.34 .012 190)}.scene-inspector header span{color:#8d9897;font-size:.6875rem}.scene-inspector h2{margin:var(--space-2xs) 0 0;font-family:var(--font-display);font-size:1.15rem;line-height:1.2}.scene-inspector .icon-button{color:#9da7a6}.scene-inspector .icon-button:hover{background:#1b2423;border-color:#3a4544}.scene-inspector-state{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) 0;color:#9da7a6;font-size:.75rem;font-variant-numeric:tabular-nums}.scene-inspector-metrics{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid oklch(.31 .012 190);border-bottom:1px solid oklch(.31 .012 190)}.scene-inspector .metric-bar-track{background:#040808}.scene-inspector dl{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0}.scene-inspector dl div{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:var(--space-sm)}.scene-inspector dt{color:#879291;font-size:.6875rem}.scene-inspector dd{margin:0;overflow-wrap:anywhere;text-align:right;font-size:.75rem}.scene-inspector-actions{display:flex;gap:var(--space-xs);padding-top:var(--space-xs)}.scene-inspector .button-secondary{background:#212b2a;border-color:#45504f}.scene-inspector .button-quiet{color:#a9b4b3}.rack-label{display:block;padding:.18rem .45rem;background:#070d0ceb;border:1px solid oklch(.43 .014 190);border-radius:2px;color:#beb6ab;font:600 .64rem/1 var(--font-display);white-space:nowrap;pointer-events:none}.server-label,.network-label{display:flex;flex-direction:column;align-items:center;padding:0;border:0;background:transparent;color:#e1ddd7;text-align:center;cursor:pointer;white-space:nowrap;text-shadow:0 1px 4px oklch(.05 0 0 / 85%)}.server-label{width:7.8rem;flex-direction:row;justify-content:flex-start;gap:.38rem;text-align:left}.server-label strong{color:#daa75d;font:700 .66rem/1 var(--font-display)}.server-label span{max-width:6.2rem;overflow:hidden;text-overflow:ellipsis;font:600 .6rem/1 var(--font-body)}.server-label.is-selected strong,.network-label.is-selected strong{color:#78dca9}.network-label{width:7.2rem;min-height:2.55rem;justify-content:center;padding:.24rem .36rem;background:#040808e0;border:1px solid oklch(.36 .012 190);border-radius:2px;white-space:normal}.network-label span,.network-label small{color:#8d9897;font-size:.56rem}.network-label strong{max-width:100%;overflow-wrap:anywhere;font-size:.61rem;line-height:1.12}.network-label.is-selected{border-color:#52a27a}.scene-theme-light .scene-toolbar{color:#425051}.scene-theme-light .scene-legend{background:#edf4f1f0;border-color:#96a19f;color:#2d3b3d}.scene-theme-light .scene-inspector{background:#f0f7f4f7;border-color:#96a19f;color:#172426}.scene-theme-light .scene-inspector header,.scene-theme-light .scene-inspector-metrics{border-color:#bcc7c4}.scene-theme-light .scene-inspector header span,.scene-theme-light .scene-inspector-state,.scene-theme-light .scene-inspector dt{color:#4d5b5d}.scene-theme-light .scene-inspector .icon-button{color:#425052}.scene-theme-light .scene-inspector .icon-button:hover{background:#dbe3e0;border-color:#9ca8a5}.scene-theme-light .scene-inspector .metric-bar-track{background:#d1dad6}.scene-theme-light .scene-inspector .button-secondary{background:#d9e4e0;border-color:#9ca8a5;color:#1c292b}.scene-theme-light .scene-inspector .button-quiet{color:#374547}.scene-theme-light .rack-label{background:#e5edeaf2;border-color:#657673;color:#3e2c1a;text-shadow:none}.scene-theme-light .server-label,.scene-theme-light .network-label{color:#0c181b;text-shadow:0 1px 2px oklch(.98 0 0 / 85%)}.scene-theme-light .server-label strong{color:#7b3d00;color:oklch(.43 .11 55)}.scene-theme-light .network-label{background:#f1f6f4f0;border-color:#8d9c9a}.scene-theme-light .network-label span,.scene-theme-light .network-label small{color:#4a585a}.scene-theme-light .network-label.is-selected{background:#d2ecddf5;border-color:#31835d}.overview-grid{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(25rem,1.18fr);gap:var(--space-lg)}.work-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.risk-panel,.vm-snapshot,.recent-section,.editor-panel{padding:var(--space-lg)}.recent-section{margin-top:var(--space-lg)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.section-heading h2{margin:0;font-family:var(--font-display);font-size:1.25rem;line-height:1.2;font-weight:600}.section-heading>svg{color:var(--text-muted)}.signal-list{display:flex;flex-direction:column;margin-top:var(--space-lg)}.signal-row{min-height:4rem;display:grid;grid-template-columns:5.5rem 1fr;align-items:start;gap:var(--space-sm);padding:var(--space-sm) 0;border-top:1px solid var(--border)}.signal-row>div{min-width:0}.signal-row strong{display:block;font-size:.8125rem}.signal-row p{margin:var(--space-2xs) 0 0;color:var(--text-muted);font-size:.75rem;overflow-wrap:anywhere}.vm-compact-list{margin-top:var(--space-md)}.vm-compact-row{display:grid;grid-template-columns:minmax(11rem,.8fr) minmax(16rem,1.2fr);align-items:center;gap:var(--space-lg);padding:var(--space-sm) 0;border-top:1px solid var(--border)}.vm-identity{display:flex;align-items:center;gap:var(--space-sm)}.vm-identity>svg{color:var(--text-muted)}.vm-identity div{min-width:0;display:flex;flex-direction:column}.vm-identity strong,.vm-identity span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vm-identity strong{font-size:.8125rem}.vm-identity span{color:var(--text-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.vm-mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.metric-bar{min-width:0;display:flex;flex-direction:column;gap:.35rem}.metric-bar-label{display:flex;justify-content:space-between;gap:var(--space-sm);color:var(--text-muted);font-size:.6875rem}.metric-bar-label span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-bar-track{height:.3rem;overflow:hidden;background:var(--surface-sunken);border-radius:2px}.metric-bar-fill{display:block;width:100%;height:100%;transform-origin:left;background:var(--positive)}.metric-warning{background:var(--warning)}.metric-critical{background:var(--critical)}.change-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-lg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.change-strip button{min-width:0;min-height:6.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs);padding:var(--space-md);background:transparent;border:0;border-right:1px solid var(--border);text-align:left;cursor:pointer}.change-strip button:last-child{border-right:0}.change-strip button:hover{background:var(--surface-sunken)}.change-strip strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.change-strip button>span:not(:first-child),.change-strip time{color:var(--text-muted);font-size:.75rem}.empty-state{min-height:10rem;display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-muted);text-align:left}.empty-state strong{color:var(--text)}.empty-state p{max-width:48ch;margin:var(--space-2xs) 0 0}.table-panel{overflow:hidden}.table-heading{padding:var(--space-lg);border-bottom:1px solid var(--border)}.legend-note{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.75rem}.legend-note .status-dot{background:var(--positive)}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;min-width:54rem;border-collapse:collapse}.data-table th{height:2.8rem;padding:0 var(--space-md);background:var(--surface-sunken);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.6875rem;font-weight:600;text-align:left}.data-table td{min-height:3.75rem;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:var(--surface-raised)}.primary-cell,.stacked-cell{display:flex;flex-direction:column;gap:var(--space-2xs)}.primary-cell a{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:var(--space-2xs);color:var(--text);font-weight:600;text-decoration:none}.primary-cell a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:.2rem}.primary-cell span,.stacked-cell>span:last-child{color:var(--text-muted);font-size:.75rem}.route-path{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.route-path>span{color:var(--text-muted)}code{font-family:Cascadia Code,SFMono-Regular,monospace;font-size:.75rem;overflow-wrap:anywhere}.action-column{text-align:right!important}.editor-panel{margin-top:var(--space-lg)}.route-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border)}.route-form label,.auth-action label{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--text-muted);font-size:.75rem;font-weight:600}.route-form input,.route-form select,.route-form textarea,.approval-row input,.auth-action input{width:100%;min-height:2.5rem;padding:0 var(--space-sm);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--text)}.route-form textarea{min-height:5rem;padding-block:var(--space-sm);resize:vertical}.route-form small{color:var(--text-faint);font-weight:400}.field-wide{grid-column:1 / -1}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.form-actions>span{color:var(--text-muted);font-size:.75rem}.vm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:var(--space-lg)}.vm-panel{display:flex;flex-direction:column;min-height:22rem;padding:var(--space-lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.vm-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.vm-title{display:flex;gap:var(--space-sm)}.vm-title>svg{margin-top:.15rem;color:var(--accent)}.vm-id{color:var(--text-muted);font-size:.6875rem}.vm-title h2{margin:.1rem 0 0;font-family:var(--font-display);font-size:1.2rem;line-height:1.2}.vm-facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md);margin:var(--space-md) 0}.vm-facts div{min-width:0}.vm-facts dt{color:var(--text-muted);font-size:.6875rem}.vm-facts dd{margin:.15rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.resource-stack{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border)}.vm-panel footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:auto;padding-top:var(--space-lg);color:var(--text-muted);font-size:.6875rem}.source-label{display:flex;align-items:center;gap:var(--space-2xs)}.tls-list{border-top:1px solid var(--border-strong)}.tls-row{display:grid;grid-template-columns:minmax(14rem,1fr) 8rem minmax(20rem,1.4fr) 11rem;align-items:center;gap:var(--space-xl);padding:var(--space-lg) 0;border-bottom:1px solid var(--border)}.tls-identity{min-width:0;display:flex;gap:var(--space-sm)}.tls-identity>svg{margin-top:.15rem;color:var(--positive)}.tls-identity>div{min-width:0}.inline-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.inline-heading h2{margin:0;font-family:var(--font-display);font-size:1.1rem;overflow-wrap:anywhere}.tls-identity>div>span{color:var(--text-muted);font-size:.75rem}.tls-expiry{display:flex;flex-direction:column}.tls-expiry span,.tls-expiry time{color:var(--text-muted);font-size:.6875rem}.tls-expiry strong{font-family:var(--font-display);font-size:1.35rem}.tls-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-lg);margin:0}.tls-details div{min-width:0}.tls-details dt{display:flex;align-items:center;gap:var(--space-2xs);color:var(--text-muted);font-size:.6875rem}.tls-details dd{margin:.15rem 0 0;overflow-wrap:anywhere}.timer-state{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2xs)}.timer-state>span:not(.status-badge),.timer-state small{color:var(--text-muted);font-size:.6875rem}.check-summary{display:flex;align-items:stretch;margin-bottom:var(--space-lg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.check-summary>div{min-width:9rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-right:1px solid var(--border)}.check-summary svg{color:var(--text-muted)}.check-summary span{color:var(--text-muted);font-size:.75rem}.check-summary strong{font-family:var(--font-display);font-size:1.2rem;font-variant-numeric:tabular-nums}.is-spinning{animation:spin .85s linear infinite}.execution-notice{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--warning-bg);border:1px solid color-mix(in oklch,var(--warning) 35%,var(--border));border-radius:var(--radius-sm);color:var(--warning)}.execution-notice div{display:flex;flex-direction:column}.execution-notice span{color:var(--text-muted);font-size:.75rem}.change-list{border-top:1px solid var(--border-strong)}.change-item{border-bottom:1px solid var(--border)}.change-summary{width:100%;min-height:4.5rem;display:grid;grid-template-columns:6rem minmax(12rem,1fr) minmax(10rem,.65fr) 9rem auto;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;background:transparent;border:0;text-align:left;cursor:pointer}.change-summary:hover{color:var(--accent)}.change-main,.change-requester{display:flex;flex-direction:column}.change-main span,.change-requester{color:var(--text-muted);font-size:.75rem}.change-detail{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) 0 var(--space-xl)}.change-reason{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-md)}.change-reason>span,.diff-label{color:var(--text-muted);font-size:.6875rem;font-weight:600;text-transform:uppercase}.change-reason p{max-width:70ch;margin:0}.diff-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.diff-grid>div{min-width:0;padding:var(--space-md);background:var(--surface-sunken)}.diff-grid pre{min-height:6rem;max-height:18rem;margin:var(--space-xs) 0 0;overflow:auto;color:var(--text-muted);font:.75rem/1.6 Cascadia Code,monospace;white-space:pre-wrap}.change-metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin:0}.change-metadata dt{color:var(--text-muted);font-size:.6875rem}.change-metadata dd{margin:var(--space-2xs) 0 0;overflow-wrap:anywhere}.approval-row{display:grid;grid-template-columns:minmax(15rem,1fr) 8rem auto;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-sm)}.approval-row>div{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-muted)}.approval-row input{text-transform:uppercase}.integrity-label{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-muted);font-size:.75rem}.access-path-list{border-top:1px solid var(--border-strong)}.access-path-row{min-height:4.25rem;display:grid;grid-template-columns:2.25rem minmax(12rem,.75fr) minmax(18rem,1.25fr) auto;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--border)}.access-path-icon{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--accent)}.access-path-name{min-width:0;display:flex;flex-direction:column}.access-path-name span,.access-path-detail{color:var(--text-muted);font-size:.75rem}.access-path-detail{min-width:0;overflow-wrap:anywhere}.access-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-md);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.access-section-heading h2{margin:var(--space-2xs) 0 0;font-family:var(--font-display);font-size:1.25rem}.access-node-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong)}.access-node{min-width:0;padding:var(--space-xl)}.access-node+.access-node{border-left:1px solid var(--border)}.access-node header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}.access-node-identity{min-width:0;display:flex;align-items:flex-start;gap:var(--space-sm)}.access-node-identity>svg{margin-top:.2rem;color:var(--accent)}.access-node-identity h2{margin:0;font-family:var(--font-display);font-size:1.1rem}.access-node-identity span,.access-node-state>span{color:var(--text-muted);font-size:.6875rem}.access-node-state{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2xs);white-space:nowrap}.access-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin:var(--space-xl) 0;padding:var(--space-md) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.access-facts div{min-width:0}.access-facts dt{color:var(--text-muted);font-size:.6875rem}.access-facts dd{margin:var(--space-2xs) 0 0;overflow-wrap:anywhere;font-weight:600}.access-service-list{display:flex;flex-direction:column}.access-service{min-height:3.5rem;display:grid;grid-template-columns:5.25rem minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);border-bottom:1px solid var(--border)}.access-service:last-child{border-bottom:0}.access-service>div{min-width:0;display:flex;flex-direction:column}.access-service>div span,.access-service-unit{color:var(--text-muted);font-size:.6875rem}.access-service-unit{text-align:right;white-space:nowrap}.access-issues{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-sm) var(--space-md);background:var(--warning-bg);border:1px solid color-mix(in oklch,var(--warning) 30%,var(--border));border-radius:var(--radius-sm);color:var(--warning)}.access-issues>div{min-width:0;display:flex;flex-direction:column}.access-issues span{overflow-wrap:anywhere;color:var(--text-muted);font-size:.6875rem}.auth-shell{min-height:100vh;background:var(--bg)}.auth-topbar{height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,5vw,4rem);border-bottom:1px solid var(--border)}.auth-workspace{min-height:calc(100vh - 4.5rem);display:grid;grid-template-columns:minmax(20rem,1.25fr) minmax(20rem,.75fr);align-items:center;gap:clamp(3rem,8vw,8rem);width:min(74rem,calc(100% - 2rem));margin:0 auto;padding:var(--space-2xl) 0}.auth-context h1,.fatal-screen h1{max-width:18ch;margin:0;font-family:var(--font-display);font-size:2.6rem;line-height:1.08;font-weight:600}.auth-context>p{max-width:58ch;margin:var(--space-lg) 0 0;color:var(--text-muted);font-size:1rem}.auth-health-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:var(--space-2xl);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.auth-health-row div{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md);border-right:1px solid var(--border)}.auth-health-row div:last-child{border-right:0}.auth-health-row svg{color:var(--accent)}.auth-health-row span{color:var(--text-muted);font-size:.6875rem}.auth-action{max-width:28rem;padding:var(--space-xl);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.auth-icon{width:3rem;height:3rem;display:grid;place-items:center;margin-bottom:var(--space-xl);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--accent)}.auth-action h2{margin:0;font-family:var(--font-display);font-size:1.35rem}.auth-action>p,.auth-action form>p{margin:var(--space-sm) 0 var(--space-lg);color:var(--text-muted)}.auth-action form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-field{display:flex;flex-direction:column;gap:var(--space-xs);color:var(--text-muted);font-size:.75rem;font-weight:600}.auth-error{margin:0!important;color:var(--critical)!important;font-size:.75rem}.auth-warning{display:flex;gap:var(--space-sm);margin:var(--space-lg) 0;padding:var(--space-sm);background:var(--warning-bg);border:1px solid color-mix(in oklch,var(--warning) 30%,var(--border));border-radius:var(--radius-sm);color:var(--warning)}.auth-warning span{color:var(--text-muted);font-size:.75rem}.loading-screen,.fatal-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center}.loading-screen{flex-direction:row}.loading-mark{width:3rem;height:3rem;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--accent)}.loading-mark svg{animation:spin 1s linear infinite}.loading-screen div{display:flex;flex-direction:column;align-items:flex-start}.loading-screen span,.fatal-screen p{color:var(--text-muted)}.fatal-screen>svg{color:var(--critical)}.fatal-screen p{max-width:60ch}.toast{position:fixed;z-index:90;right:var(--space-lg);bottom:var(--space-lg);max-width:min(30rem,calc(100vw - 2rem));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text)}.toast-success>svg,.toast-check{color:var(--positive);font-weight:700}.toast-error>svg{color:var(--critical)}.toast button{width:1.75rem;height:1.75rem;border:0;background:transparent;color:var(--text-muted);cursor:pointer}.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) minmax(0,1fr)}.sidebar-collapsed .wordmark-name,.sidebar-collapsed .sidebar nav button span:not(.nav-indicator),.sidebar-collapsed .principal div{display:none}.sidebar-collapsed .sidebar-header{justify-content:center;padding-inline:var(--space-xs)}.sidebar-collapsed .sidebar-collapse{margin-left:0}.sidebar-collapsed .wordmark{display:none}.sidebar-collapsed .sidebar nav button{justify-content:center;padding:0}.sidebar-collapsed .nav-indicator{position:absolute;top:.45rem;right:.45rem}.sidebar-collapsed .sidebar-footer{flex-direction:column;padding-inline:var(--space-xs)}.sidebar-collapsed .principal{flex:0 0 auto}.mobile-scrim{display:none;padding:0;border:0}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:72rem){.overview-grid{grid-template-columns:1fr}.tls-row{grid-template-columns:minmax(14rem,1fr) 8rem minmax(18rem,1.3fr)}.timer-state{grid-column:3;flex-direction:row;flex-wrap:wrap;align-items:center}}@media(max-width:58rem){.app-shell,.sidebar-collapsed{display:block}.sidebar{position:fixed;left:0;transform:translate(-100%);width:min(19rem,88vw);transition:transform .18s cubic-bezier(.22,1,.36,1)}.mobile-nav-open .sidebar{transform:translate(0)}.sidebar-collapse{display:none}.mobile-close,.mobile-menu{display:inline-grid}.mobile-close{margin-left:auto}.mobile-scrim{position:fixed;z-index:25;top:0;right:0;bottom:0;left:0;background:color-mix(in oklch,var(--text) 35%,transparent)}.mobile-nav-open .mobile-scrim{display:block}.topbar{justify-content:space-between}.summary-band{grid-template-columns:1fr 1fr}.summary-cell{border-left:1px solid var(--border)}.summary-cell:nth-child(3){border-left:0;border-top:1px solid var(--border)}.summary-cell:nth-child(4){border-top:1px solid var(--border)}.change-strip{grid-template-columns:1fr 1fr}.change-strip button:nth-child(2){border-right:0}.change-strip button:nth-child(n+3){border-top:1px solid var(--border)}.tls-row{grid-template-columns:1fr 8rem;gap:var(--space-md)}.tls-details,.timer-state{grid-column:1 / -1}.change-summary{grid-template-columns:5.5rem minmax(10rem,1fr) auto}.change-requester,.change-summary>code{display:none}.change-metadata{grid-template-columns:1fr 1fr}.approval-row{grid-template-columns:1fr 8rem}.approval-row>div{grid-column:1 / -1}.auth-workspace{grid-template-columns:1fr;gap:var(--space-2xl)}.auth-action{max-width:none}.access-path-row{grid-template-columns:2.25rem minmax(10rem,1fr) auto}.access-path-detail{grid-column:2 / -1;padding-bottom:var(--space-sm)}.access-node-list{grid-template-columns:1fr}.access-node+.access-node{border-left:0;border-top:1px solid var(--border-strong)}.main-content.overview-workspace{height:calc(100dvh - 4.25rem);min-height:28rem}.scene-toolbar{display:none}.scene-inspector{top:auto;right:var(--space-sm);bottom:3.8rem;left:var(--space-sm);width:auto}.scene-inspector-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:44rem){.topbar{height:3.75rem;padding-inline:var(--space-md)}.collection-state>span:not(.live-mark){display:none}.collection-state strong{font-size:.6875rem}.theme-control button{width:1.65rem}.main-content{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.page-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.page-header h1{font-size:1.65rem}.page-actions,.page-actions .button{width:100%}.summary-band{grid-template-columns:1fr 1fr}.summary-primary{grid-column:1 / -1;min-height:7.5rem}.summary-cell{min-height:7rem;padding:var(--space-md)}.summary-cell:nth-child(2){border-left:0;border-top:1px solid var(--border)}.summary-cell:nth-child(3){border-left:1px solid var(--border)}.summary-cell:nth-child(4){grid-column:1 / -1;border-left:0}.risk-panel,.vm-snapshot,.recent-section,.editor-panel{padding:var(--space-md)}.vm-compact-row{grid-template-columns:1fr;gap:var(--space-sm)}.change-strip{grid-template-columns:1fr}.change-strip button,.change-strip button:nth-child(2){border-right:0;border-top:1px solid var(--border)}.route-form{grid-template-columns:1fr}.field-wide{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}.table-wrap{overflow:visible}.data-table{min-width:0}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table tr{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border)}.data-table tbody tr:last-child{border-bottom:0}.data-table td{display:grid;grid-template-columns:6.5rem minmax(0,1fr);min-height:0;padding:var(--space-xs) 0;border-bottom:0;text-align:left!important}.data-table td:before{content:attr(data-label);color:var(--text-muted);font-size:.6875rem}.data-table tbody tr:hover{background:transparent}.vm-panel footer{align-items:flex-start;flex-direction:column}.tls-row{grid-template-columns:1fr}.tls-details,.timer-state{grid-column:auto}.tls-expiry{flex-direction:row;align-items:baseline;gap:var(--space-xs)}.check-summary{overflow-x:auto}.change-summary{grid-template-columns:5rem minmax(0,1fr) auto}.change-detail{padding-inline:var(--space-xs)}.diff-grid,.change-metadata,.approval-row{grid-template-columns:1fr}.approval-row>div{grid-column:auto}.approval-row .button{width:100%}.change-reason{grid-template-columns:1fr}.auth-context h1,.fatal-screen h1{font-size:2rem}.auth-health-row{grid-template-columns:1fr}.auth-health-row div{border-right:0;border-bottom:1px solid var(--border)}.auth-health-row div:last-child{border-bottom:0}.auth-action{padding:var(--space-lg)}.access-path-row{grid-template-columns:2.25rem minmax(0,1fr) auto;padding:var(--space-sm) 0}.access-path-detail{grid-column:1 / -1;padding:0 0 var(--space-xs)}.access-node{padding:var(--space-lg) 0}.access-node header{align-items:flex-start}.access-facts{grid-template-columns:1fr 1fr}.access-service{grid-template-columns:5.25rem minmax(0,1fr);padding:var(--space-sm) 0}.access-service-unit{grid-column:2;text-align:left}.toast{right:var(--space-md);bottom:var(--space-md)}.main-content.overview-workspace{height:calc(100dvh - 3.75rem);min-height:27rem;padding:0}.overview-workspace .infrastructure-scene{width:100%;height:100%;min-height:100%;margin:0}.scene-inspector{bottom:4.4rem}.scene-inspector-state{padding-block:var(--space-xs)}.scene-inspector-metrics{gap:var(--space-xs)}.scene-inspector dl{display:none}.scene-inspector-actions{padding-top:0}.scene-legend{right:var(--space-sm);left:var(--space-sm);bottom:var(--space-sm);justify-content:center;gap:var(--space-sm)}.network-label{width:4.85rem;min-height:2.45rem;padding-inline:.2rem}.network-label span,.network-label small{font-size:.5rem}.network-label strong{font-size:.53rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
