/* Shared semantic tokens, loaded after both shells. Status colours stay distinct. */
:root,:root[data-theme=dark]{--bg:#0e171d;--bg-elevated:#122029;--surface:#18262f;--raised:#1e303a;--surface-raised:#1e303a;--field-bg:#11212a;--overlay-bg:#1b2c36;--surface-hover:#263d48;--text:#e6eef1;--muted:#acbfc7;--faint:#95acb7;--text-muted:var(--muted);--text-faint:var(--faint);--line:#314550;--line-soft:#273c47;--border:var(--line);--border-strong:#526e7c;--accent:#87dfb6;--accent-hover:#a3eaca;--accent-soft:#213f3b;--on-accent:#10251c;--mint:var(--accent);--mint-bg:var(--accent-soft);--blue:#9dbbf3;--amber:#ebc181;--warn:var(--amber);--red:#f19ba4;--critical:var(--red);--ok:#87dfb6;--ok-soft:#203c32;--warn-soft:#3c3323;--critical-soft:#432b32;--info:#b2c8e6;--info-soft:#28394b;--offline:#a6bac4;--offline-soft:#2c3b42;--shadow:0 4px 16px #00000016;--shadow-raised:0 18px 48px #0005;--shell-bg:#122029;--glass-bg:var(--bg);--glass-surface:var(--surface);--glass-raised:var(--raised);--glass-edge:var(--line);--glass-shadow:var(--shadow);--glass-muted:var(--muted);--glass-faint:var(--faint);--glass-green:var(--ok);--glass-amber:var(--amber);--glass-red:var(--red);--space-section:24px;--space-card:24px}
:root[data-accent=violet]{--accent:#b6a7f3;--accent-hover:#cec3ff;--accent-soft:#b6a7f31a;--on-accent:#251a40}
:root[data-accent=blue]{--accent:#92baff;--accent-hover:#b5d0ff;--accent-soft:#92baff1a;--on-accent:#13243e}
:root[data-accent=teal]{--accent:#6fdad1;--accent-hover:#97ece5;--accent-soft:#6fdad11a;--on-accent:#0c2c29}
:root[data-theme=light]{color-scheme:light;--bg:#dce6e8;--bg-elevated:#e5eeef;--surface:#eef4f3;--raised:#e2ecec;--surface-raised:var(--raised);--field-bg:#e4eded;--overlay-bg:#f2f7f5;--surface-hover:#d7e6e5;--text:#20383f;--muted:#425e66;--faint:#48616a;--text-muted:var(--muted);--text-faint:var(--faint);--line:#b9cdd0;--line-soft:#cfddde;--border:var(--line);--border-strong:#8ba8ad;--accent:#146548;--accent-hover:#0b5037;--accent-soft:#d6e9df;--on-accent:#fff;--blue:#345a97;--amber:#805919;--warn:var(--amber);--red:#a22f43;--critical:var(--red);--ok:#146548;--ok-soft:#dcebe1;--warn-soft:#f0e6cd;--critical-soft:#f3dfe3;--info:#365f88;--info-soft:#dce7ef;--offline:#4e6873;--offline-soft:#dde6e8;--mint:var(--accent);--mint-bg:var(--accent-soft);--shadow:0 3px 12px #294f5c09;--shadow-raised:0 14px 36px #294f5c26;--shell-bg:#e5eeef;--glass-bg:var(--bg);--glass-surface:var(--surface);--glass-raised:var(--raised);--glass-edge:var(--line);--glass-shadow:var(--shadow);--glass-muted:var(--muted);--glass-faint:var(--faint);--glass-green:var(--ok);--glass-amber:var(--amber);--glass-red:var(--red)}
:root[data-theme=light][data-accent=violet]{--accent:#7253b6;--accent-hover:#5e3f9d;--accent-soft:#7253b612}
:root[data-theme=light][data-accent=blue]{--accent:#2469b7;--accent-hover:#175595;--accent-soft:#2469b712}
:root[data-theme=light][data-accent=teal]{--accent:#087d73;--accent-hover:#04655d;--accent-soft:#087d7312}
html[data-theme=light][data-accent]{--on-accent:#fff}
html[data-theme=dark]{color-scheme:dark}
button.primary,.button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:hover,.button.primary:hover,.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
:is(input,select,textarea,.select-trigger){background:var(--field-bg);border-color:var(--border-strong);color:var(--text);max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:var(--faint)}select option,select optgroup{background:var(--overlay-bg);color:var(--text)}
input[type=checkbox],input[type=radio]{accent-color:var(--accent)}
.select-control{max-width:100%}.select-trigger{white-space:normal;overflow-wrap:anywhere;min-height:42px;text-align:left}.select-popover,.field-popover,.panel-tooltip{inset:auto;margin:0;box-sizing:border-box;background:var(--overlay-bg);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-raised);transform:none;max-width:calc(100vw - 24px)}
.select-popover{position:fixed;padding:6px;border-radius:10px}.select-popover [role=option]{min-height:42px;display:flex;align-items:center;padding:10px 12px}.select-popover [aria-selected=true]{background:var(--accent-soft);color:var(--accent)}
.select-popover::backdrop,.field-popover::backdrop,.panel-tooltip::backdrop{background:transparent;backdrop-filter:none}
:is(button,.button,.btn,input,select,textarea,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.nav-item.active,.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent)}.brand-mark{color:var(--accent)}
.page,.content,.main-shell,.main-content,.settings-grid,.settings-grid>.panel,.field,.field-row>*{min-width:0}.panel-header,.panel-heading,.modal-heading,.host-toolbar,.actions,.form-actions,.context-bar{gap:12px}.panel-header,.panel-heading,.host-toolbar,.form-actions{flex-wrap:wrap}
.field>label,.field small,.field>p,.settings-grid p,.host-card,.message{overflow-wrap:anywhere}.settings-grid .padded>button,.settings-grid .panel-body>button{margin-top:8px;margin-right:6px}.settings-grid .padded>textarea{width:100%;margin-block:12px}.settings-grid .panel-body form{min-width:0}
.table-wrap,.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.tab-bar{overflow-x:auto;max-width:100%;overscroll-behavior-inline:contain}.tab-bar button{flex-shrink:0}.code-block,pre{max-width:100%;overflow-x:auto}.modal,.action-dialog,.detail-dialog{max-width:calc(100vw - 24px)}
.field,.check-field,.consent-row{color:var(--text)}.detail-item,.workspace,.sidebar-help,.setup-option{background:var(--glass-surface);border-color:var(--line)}
html[data-theme=light] :is(.sidebar,.topbar,.site-header,.demo-sidebar,.demo-inspector,.preview-toolbar,.demo-workspace){background:var(--shell-bg);color:var(--text);border-color:var(--line)}
html[data-theme=light] :is(.preview-content,.product-window,.demo-panel,.hero-index,.technology-visual,.technology-choice,.voices-state,.preview-stats>div,.demo-gpu-grid>div,.backup-row,.node-picker button,.scenario-controls button,.demo-dialog,.chart-readout,.inspector-fact,.sensor-path,.tour-coach,.tour-welcome){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme=light] :is(.hero .lead,.hero h1,.preview-heading h3,.demo-note,.inspector-foot,.scenario-note,.chart-instruction,.hero-annotation,.preview-stats strong,.demo-gpu-grid strong,.technology-choice strong,.message p,.field,.table-wrap td,.sidebar-nav a,.demo-sidebar button,.legal-content p,.legal-content li){color:var(--text)}
html[data-theme=light] :is(.preview-stats>div>span,.demo-gpu-grid>div>span,.preview-stats small,.hero-index p,.technology-choice>span,.chart-heading,.preview-foot,.demo-sidebar-bottom,.inspector-label,.preview-toolbar,.breadcrumb,.node-picker small,.legal-date){color:var(--muted)}
html[data-theme=light] :where(button,.button,.btn):where(:not(.primary):not(.danger)){color:var(--text);border-color:var(--line);background-color:var(--surface)}
html[data-theme=light] :where(button,.button,.btn):where(:not(.primary):not(.danger)):hover{background-color:var(--surface-hover);border-color:var(--border-strong)}
html[data-theme=light] :is(.badge.good,.badge.ok,.tag,.health-icon){background:#15764d10;color:#15764d;border-color:#15764d30}html[data-theme=light] :is(.badge.warning,.badge.warn,.tag.warning,.notice){background:#a0781210;color:#795713;border-color:#a0781233}
html[data-theme=light] :is(.badge.blue,.notice.neutral){background:#2469b710;color:#2469b7;border-color:#2469b733}html[data-theme=light] :is(.node-glyph,.node-symbol,.avatar,.user-avatar){background:#e8eef3;color:var(--text);border-color:var(--line)}
html[data-theme=light] .badge.neutral{background:#e8eef3;color:var(--muted);border-color:var(--line)}html[data-theme=light] .outage-alert{background:#fff0f2;color:#922b3f;border-color:#df99a7}
html[data-theme=light] :is(.meter,.bar,.progress-track){background:var(--line-soft)}html[data-theme=light] :is(th,.panel-header,.panel-heading){background:var(--surface);color:var(--text)}html[data-theme=light] tbody tr:hover{background:var(--surface-hover)}
html[data-theme=light] :is(.chart-labels text,.line-chart text){fill:var(--muted)}html[data-theme=light] .chart-grid path{stroke:#d3dee7}html[data-theme=light] :is(.code-block,.docs-code,pre){background:#edf3f6;color:#254635;border-color:var(--line)}
html[data-theme=light] .hero h1 span{color:var(--accent)}html[data-theme=light] .technology-choice[aria-pressed=true],html[data-theme=light] .node-picker button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
@media(max-width:600px){.content,.page{padding-inline:16px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:16px}.panel-header,.panel-heading{padding:16px}.padded{padding:18px}.panel-header h2,.panel-heading h2{overflow-wrap:anywhere}.field-row{grid-template-columns:minmax(0,1fr)}.actions,.form-actions{flex-wrap:wrap}.actions>*{max-width:100%}.form-actions>button{flex:1;min-width:0}.stats-grid{gap:10px}.table-wrap{border-radius:inherit}.site-footer{gap:24px}.site-footer nav{flex-wrap:wrap}.cookie-settings{max-width:calc(100vw - 24px);right:12px;left:auto}.search-results a{overflow-wrap:anywhere}.context-left{width:100%}.context-left>select{flex:1;max-width:100%}.sidebar-help{display:none}}
@media(max-width:359px){.stats-grid,.detail-grid,.health-list,.preview-stats{grid-template-columns:minmax(0,1fr)}.health-row{border-right:0!important}.stat-card{min-height:120px}.topbar{padding-inline:12px}.topbar-right{gap:6px}.modal-body,.modal-heading{padding:16px}.feedback-compose{padding:16px}.hero h1{font-size:42px}.technology-list{grid-template-columns:minmax(0,1fr)}}
@media(pointer:coarse){button,.button,.btn,.select-trigger,summary,.nav-item,.sidebar-nav a{min-height:44px}.icon-button{min-width:44px}.info-button{min-width:32px;min-height:32px}.tour-coach-actions button{min-height:44px}}
@media(prefers-reduced-motion:no-preference){.select-popover:popover-open,.field-popover:popover-open{animation:menu-appear .14s ease-out}@keyframes menu-appear{from{opacity:0}to{opacity:1}}button,.button,.btn{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.nav-item,.sidebar-nav a{transition:background-color .16s,color .16s}.tab-bar button{transition:color .16s,border-color .16s}}
.help-options{display:grid;gap:12px}.help-options>*{justify-content:flex-start;padding:16px}
.tour-welcome{background:var(--glass-surface);border:1px solid var(--glass-edge);padding:20px 24px;gap:16px}.tour-welcome h2{font-size:17px}.tour-welcome .eyebrow{color:var(--accent);letter-spacing:.13em}.tour-welcome [data-tour-dismiss]{margin:0;flex:0 0 36px;color:var(--muted);background:transparent;border:0}
.tour-active .content{padding-bottom:32px;padding-right:clamp(17px,3vw,42px)}.tour-active .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.tour-coach{position:relative;inset:auto;width:100%;max-width:none;max-height:none;overflow:visible;z-index:auto;padding:24px 28px;margin:0 0 28px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:30px;background:var(--glass-surface);border:1px solid var(--glass-edge);box-shadow:inset 3px 0 var(--accent);backdrop-filter:none}.tour-coach-top{grid-column:1/-1;margin:0 0 8px}.tour-coach-top>span{color:var(--accent)}.tour-steps{grid-column:1/-1;margin:0 0 17px;max-width:260px}.tour-coach>small,.tour-coach>h2,.tour-coach>p{grid-column:1;max-width:740px}.tour-coach>small{display:none}.tour-coach h2{font-size:21px;margin:0 0 8px}.tour-coach>p{margin-bottom:12px}.tour-coach>.button,.tour-coach>button,.tour-topics{grid-column:2;grid-row:3/6;align-self:center}.tour-coach .tour-progress{margin:0;font-size:11px}.tour-coach-actions{grid-column:1/-1;margin-top:18px;padding-top:15px}.tour-target{scroll-margin-block:110px 80px}.tour-steps .current{background:var(--accent);opacity:.6}.tour-steps .done{background:var(--accent)}
@media(max-width:1000px){.tour-active .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tour-welcome [data-tour-start]{margin-left:auto}.tour-coach{grid-template-columns:minmax(0,1fr);padding:20px}.tour-coach>.button,.tour-coach>button,.tour-topics{grid-column:1;grid-row:auto;justify-self:start;margin-block:8px 15px}.tour-coach .tour-progress{margin-top:6px}.tour-topics{width:100%}}
@media(max-width:600px){.tour-welcome{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto}.tour-welcome>div{grid-column:1;grid-row:1}.tour-welcome [data-tour-start]{margin:0;grid-column:1;justify-self:start}.tour-welcome [data-tour-dismiss]{grid-column:2;grid-row:1;align-self:start}.tour-coach h2{font-size:19px}.tour-coach-actions{gap:6px}.tour-active .content{padding-inline:16px}.tour-active .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:359px){.tour-active .stats-grid{grid-template-columns:minmax(0,1fr)}}
.transfer-explainer{padding:28px;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin-bottom:24px}.transfer-explainer h2{font-size:23px;line-height:1.3;margin:12px 0}.transfer-explainer ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}.transfer-explainer li{display:flex;gap:16px;align-items:center;font-size:12px}.transfer-explainer b{color:var(--accent);font:12px Mono,monospace}.transfer-list>article{padding:24px;border-top:1px solid var(--line)}.transfer-list header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.transfer-list p{margin:8px 0;font-size:12px}.transfer-list details{margin-block:16px}.transfer-list summary{cursor:pointer;color:var(--accent);font-size:12px}.transfer-list ul,.transfer-preview ul{line-height:1.8;padding-left:20px;overflow-wrap:anywhere}.transfer-checks{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-block:16px}.transfer-preview{padding:18px;background:var(--accent-soft);border:1px solid var(--accent);border-radius:8px;margin:16px 0 24px}.transfer-preview p{margin-top:10px}.transfer-confirm{max-width:740px;margin:48px auto;padding:20px}.transfer-confirm>.brand{display:block;margin-bottom:28px}.transfer-confirm>.panel{padding:32px}.transfer-confirm h1{margin-block:12px 22px}.transfer-confirm p{margin-block:16px}.transfer-confirm li{line-height:1.8;overflow-wrap:anywhere}.transfer-confirm .button,.transfer-confirm button{margin:6px 6px 6px 0}
@media(max-width:650px){.transfer-explainer{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px}.transfer-confirm{margin:20px auto;padding:14px}.transfer-confirm>.panel{padding:22px}.transfer-confirm h1{font-size:24px}}
/* Public controls stay reachable at narrow widths; colour follows the account palette. */
html[data-theme][data-accent]{--mint:var(--accent)}
.site-tools{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}
.site-tools a,.site-tools button{display:grid;place-items:center;min-width:42px;min-height:42px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--field-bg);color:var(--text);font:600 12px/1 inherit;text-decoration:none;cursor:pointer}
.site-tools button{font-size:21px}.site-tools a:hover,.site-tools button:hover{border-color:var(--accent);color:var(--accent)}
.nav-wrap{gap:16px}.site-header #site-nav{gap:18px}.site-header .nav-cta{white-space:nowrap}
html[data-theme=light] .mail-peek,html[data-theme=light] .mail-peek-body{background:#fff;color:var(--text)}
html[data-theme=light] .mail-peek-header,html[data-theme=light] .mail-peek-alert,html[data-theme=light] .mail-peek-finding{background:#edf2f6;color:var(--text);border-color:var(--line)}
html[data-theme=light] .mail-peek-stats span,html[data-theme=light] .mail-peek-body p,html[data-theme=light] .mail-peek-date{color:var(--muted)}
html[data-theme=light] .mail-peek-body h3,html[data-theme=light] .mail-peek-stats b,html[data-theme=light] .mail-peek-finding strong{color:var(--text)}
.legal-heading h1{font-size:clamp(2.2rem,5vw,4.25rem);overflow-wrap:anywhere;letter-spacing:-.045em}
.legal-content{min-width:0}.legal-section{scroll-margin-top:110px}.legal-section p{line-height:1.85}.legal-sidebar nav a{min-height:40px;display:flex;align-items:center}
@media(max-width:1100px){.site-header #site-nav{gap:12px;font-size:12px}.nav-wrap{gap:10px}}
@media(max-width:800px){.site-header .nav-cta{display:none}.site-tools{margin-left:auto}.nav-toggle{order:4}.site-header #site-nav.open{background:var(--overlay-bg);border-color:var(--line)}.site-header #site-nav a{min-height:44px}.docs-main{padding-top:36px}}
@media(max-width:400px){.nav-wrap{gap:8px}.brand{gap:8px}.site-tools a,.site-tools button{min-width:38px}.legal-main{padding-top:32px}.legal-heading h1{font-size:2.15rem}}
.site-header .mobile-dashboard{display:none}
.hero-note,.trust-strip,.example-label,.inspector-foot,.technology-disclosure,.voices-footnote,.legal-date{color:var(--muted);font-size:12px;line-height:1.65}
.eyebrow,.inspector-label,.feature-symbol,.edition{color:var(--muted);font-size:11px;line-height:1.5}
.hero>.hero-copy>.eyebrow{color:var(--accent)}
@media(max-width:800px){.site-header .mobile-dashboard{display:flex}.site-header #site-nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}}
.sidebar-connect{margin:6px 0 16px}
html:has(dialog[open]){overflow:hidden}
html[data-theme=light] .nav-toggle span{background:var(--text)}
html[data-theme=light] :is(.legal-back,.legal-sidebar>nav a,.legal-toc summary,.legal-toc nav a){color:var(--muted)}
html[data-theme=light] .legal-sidebar>nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent)}
html[data-theme=light] :is(.legal-content a,.legal-content a:hover){color:var(--accent)}
html[data-theme=light] .legal-section address{color:var(--text)}
html[data-theme=light] :is(.breadcrumb strong,.chart-footer strong){color:var(--text)}
html[data-theme=light] :is(.nav-label,.nav-item,.stat-value span,.gpu-identity){color:var(--muted)}
html[data-theme=light] .nav-item:hover{background:var(--surface-hover);color:var(--text)}
html[data-theme=light] .nav-item.active{background:var(--accent-soft);color:var(--accent)}
html[data-theme=light] :is(.badge.bad,button.danger){background:#fff0f2;color:#922b3f;border-color:#df99a7}
html[data-theme=light] .chart-tooltip{background:var(--overlay-bg);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-raised)}
html[data-accent=blue]{--ram-series:#c5a4ef}
:root[data-theme=light][data-accent=blue]{--ram-series:#8053a6}
.chart-ram{stroke:var(--ram-series,var(--blue))}.legend-line.blue{background:var(--ram-series,var(--blue))}.chart-tooltip [data-ram]{color:var(--ram-series,var(--blue))}
.wizard{max-width:900px;margin:12px auto 0}.wizard .stepper{gap:12px;margin-bottom:24px}.wizard .stepper li{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--glass-surface);font-size:12px;line-height:1.5;text-align:left;color:var(--muted)}
.wizard .step-number{width:32px;height:32px;border-color:var(--border-strong);font-weight:650}.wizard .stepper li.current{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.wizard .stepper li.current .step-number{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.wizard .stepper li.done .step-number{background:var(--accent);color:var(--on-accent)}
.wizard-panel{padding:32px}.wizard-panel h2{font-size:25px;line-height:1.3;letter-spacing:-.03em}.wizard-panel>p{font-size:14px;line-height:1.75;color:var(--muted);max-width:70ch}.wizard-panel form{margin-top:28px}.wizard .check-list{margin-block:24px}.wizard-note{font-size:12px;line-height:1.8;padding-inline:4px}
.help-options{display:grid;gap:12px}.help-options>*{justify-content:flex-start;min-height:52px;text-align:left}
@media(max-width:600px){.wizard .stepper{gap:8px}.wizard .stepper li{flex-direction:column;align-items:flex-start;padding:12px 8px;font-size:11px;overflow-wrap:anywhere}.wizard-panel{padding:22px 18px}.wizard-panel h2{font-size:22px}.wizard-panel>p{font-size:13px}.wizard .step-number{width:28px;height:28px}}
@media(max-width:600px){.form-row{grid-template-columns:minmax(0,1fr)}.form-row>.field{min-width:0}.temporal-control{width:100%}}

/* Surface hierarchy shared by public pages, classic management and the console. */
html[data-theme] body{background:var(--bg);color:var(--text)}
html[data-theme] :is(.panel,.stat-card,.chart-card,.gpu-card,.feature,.product-window,.passthrough-diagram,.security-grid article,.login-card,.fleet-numbers>div,.storage-stat,.announcement,.review-quote,.docs-article){background:var(--surface);border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] :is(.sidebar,.topbar,.site-header,.site-header.scrolled,.auth-form-side,.demo-sidebar,.demo-inspector){background:var(--shell-bg);border-color:var(--line);color:var(--text)}
html[data-theme] :is(.modal,.action-dialog,.detail-dialog,.demo-dialog,.drawer,.drawer .modal-heading,.cookie-settings,.select-popover,.field-popover,.panel-tooltip){background:var(--overlay-bg);border-color:var(--border-strong);color:var(--text);box-shadow:var(--shadow-raised)}
html[data-theme] :is(.hero-index,.technology-visual,.voices-state,.tour-welcome,.tour-coach,.preview-content,.demo-panel){background:var(--surface);border-color:var(--line);color:var(--text)}
html[data-theme] :is(.workspace,.workspace-icon,.workspace-square,.demo-workspace,.detail-item,.gpu-metrics>div,.message,.technology-choice,.diagram-node,.diagram-center,.diagram-vm,.auth-diagram,.mail-peek-header,.mail-peek-finding,.mail-peek-stats,.preview-toolbar){background:var(--raised);border-color:var(--line);color:var(--text)}
html[data-theme] :is(.digest-section,.hardware){background:var(--bg-elevated);border-color:var(--line)}
html[data-theme] .technology-visual::before{content:none}
html[data-theme] :is(.hero-index>p strong,.demo-inspector h3,.inspector-fact strong,.compatibility strong,.fleet-numbers dd,.fleet-numbers dt,.feature-callout strong,.preview-foot b,.backup-row>b,.benefit-list,.mail-peek-header strong,.mail-peek h3,.mail-peek-stats b,.mail-peek-finding strong,.device-row strong,.diagram-output b,.faq-list summary,.footer-identity p a){color:var(--text)}
html[data-theme] :is(.hero-index a small,.hero-index a>span,.hero-index a b,.site-header nav,.preview-nav-label,.preview-heading small,.preview-secure,.preview-toolbar i,.preview-tabs .nav-symbol,.demo-workspace small,.demo-sidebar-bottom small,.preview-stats strong small,.chart-heading h4 span,.chart-heading>span,.scenario-controls>span,.chart-times,.inspector-fact span,.demo-inspector>p,.tour-controls>span,.compatibility,.sensor-path i,.backup-row small,.backup-row>span:nth-child(2),.live-badge,.stat-definition,.stat-definition p,.feature-callout small,.metric-example>span,.metric-example strong small,.metric-example p,.mail-peek-header span,.mail-peek-date,.mail-peek-stats span,.mail-peek-finding>span,.mail-peek-finding p,.hardware-tags span,.diagram-head,.diagram-label,.device-row small,.diagram-connection,.diagram-output,.passthrough-diagram>p,.faq-list p){color:var(--muted)}
html[data-theme] :is(.hero-index a,.preview-foot,.chart-footer,.feature-callout,.metric-example,.backup-row,.mail-peek,.mail-peek-header,.hardware-tags span,.faq-list details,.trust-strip,.compatibility,.sensor-path,.diagram-host,.preview-stats>div,.demo-gpu-grid>div){border-color:var(--line)}
html[data-theme] :is(.mail-peek,.mail-peek-body,.demo-gpu-grid>div,.backup-row){background:var(--surface);color:var(--text)}
html[data-theme] .mail-peek-alert{background:var(--warn-soft);border-color:var(--warn);color:var(--warn)}
html[data-theme] :is(.mail-peek-alert strong,.mail-peek-alert small,.mail-peek-finding>span b){color:var(--warn)}
html[data-theme] :is(.mail-peek-body p,.mail-peek-date){color:var(--muted)}
html[data-theme] :is(.preview-tabs button,.scenario-controls button,.node-picker button,.tour-controls button){background:var(--raised);color:var(--text);border-color:var(--line)}
html[data-theme] :is(.preview-tabs button[aria-selected=true],.scenario-controls button[aria-pressed=true],.node-picker button[aria-pressed=true],.technology-choice[aria-pressed=true]){background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
html[data-theme] :is(.inspector-number,.callout-icon,.device-icon,.security-grid article>span,.demo-panel>.quiet-link){color:var(--accent)}
html[data-theme] .device-icon{background:var(--accent-soft);border-color:var(--accent)}
html[data-theme] :is(.badge,.tag){background:var(--offline-soft);color:var(--offline);border-color:color-mix(in srgb,currentColor 28%,transparent)}
html[data-theme] :is(.badge.good,.badge.ok,.badge.online,.tag:not(.warning),.health-icon){background:var(--ok-soft);color:var(--ok)}
html[data-theme] :is(.badge.warning,.badge.warn,.tag.warning,.health-icon.warn){background:var(--warn-soft);color:var(--warn)}
html[data-theme] :is(.badge.bad,.badge.critical,.badge.danger){background:var(--critical-soft);color:var(--critical)}
html[data-theme] :is(.badge.blue,.badge.info,.notice.neutral){background:var(--info-soft);color:var(--info)}
html[data-theme] :is(.badge.neutral,.badge.offline,.health-icon.neutral){background:var(--offline-soft);color:var(--offline)}
html[data-theme] :is(.legal-note,.legal-section caption){background:var(--raised);border-color:var(--line);color:var(--text)}
html[data-theme] :is(.legal-section table,.legal-section th,.legal-section address){color:var(--text)}
html[data-theme] :is(.legal-section th,.legal-section td,.legal-table-wrap){border-color:var(--line)}
html[data-theme] .legal-section{background:transparent}
html[data-theme] :is(.meter,.bar,.progress,.progress-track){background:var(--line-soft)}
html[data-theme] .chart-grid{stroke:var(--line);opacity:.8}
html[data-theme] :is(.chart-labels text,.line-chart text){fill:var(--faint)}
html[data-theme] :is(.code-block,.docs-code,pre){background:var(--field-bg);border-color:var(--line);color:var(--text)}
html[data-theme] .preview-stats>div,html[data-theme] .inspector-fact,html[data-theme] .sensor-path{background:transparent}
html[data-theme] .product-stage{background:transparent}
html[data-theme] .hero-index{box-shadow:var(--shadow);margin-top:0;width:300px}
html[data-theme] .hero-index>p{font-size:22px;line-height:1.45}
html[data-theme] .inspector-number{opacity:.65}
html[data-theme] .site-header nav a:hover{color:var(--accent)}
html[data-theme] .site-tools :is(a,button){background:var(--raised);color:var(--text);border-color:var(--line)}
html[data-theme] .nav-toggle{background:var(--raised);border-color:var(--line)}
html[data-theme] .nav-toggle span{background:var(--text)}
html[data-theme] :is(.site-footer nav,.capacity-note){color:var(--muted)}

/* Section spacing and keyboard focus: only interactive controls draw a focus ring. */
.content:focus,.page:focus,.demo-panel:focus,.docs-article h2:focus{outline:none}
.chart-interaction:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}
.panel-header h2,.panel-heading h2{color:var(--text);line-height:1.45}
.panel>.padded,.panel>.panel-body{min-width:0}.panel>.padded>h2+form{margin-top:20px}
.panel-header,.panel-heading{border-radius:var(--glass-radius) var(--glass-radius) 0 0}
.settings-grid,.two-column,.split-panel{gap:var(--space-section)}
.settings-grid .panel{align-self:stretch;margin-bottom:0}.settings-grid .padded>:last-child{margin-bottom:0}
.content>.storage-summary{margin-bottom:var(--space-section)}
.infrastructure-grid>.host-card{align-self:stretch;margin-bottom:0}
.inbox-toolbar>label{flex:1 1 240px;min-width:0}.inbox-toolbar>button{flex:0 0 auto}.inbox-toolbar .select-control{flex:1;min-width:140px;width:auto}
.context-bar,.filters,.page-heading{row-gap:12px}.actions{gap:8px;align-items:center}
.field label,.field>span{line-height:1.5}.field input,.field textarea{width:100%}
.field input:is([type=checkbox],[type=radio]){width:19px}
.date-control{min-width:0;width:100%}.date-control input{min-width:0}
.form-actions{padding-top:8px}.modal-body>p+.field,.modal-body>p+form{margin-top:20px}
.field-popover{overflow:auto;overscroll-behavior:contain}.select-popover{overscroll-behavior:contain}
.select-trigger{align-items:center;line-height:1.5}.select-trigger::after{min-width:7px}
.select-popover [role=option]{line-height:1.45;overflow-wrap:anywhere}
@media(max-width:1000px){.hero{gap:32px}.hero-index{width:260px!important}.content{padding-inline:22px}}
@media(max-width:760px){.content{padding-inline:16px}.page-heading .actions{width:100%;gap:8px}.page-heading .actions>button,.page-heading .actions>.button{flex:1}.breadcrumb{min-width:0}.breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{flex-shrink:0}.topbar{gap:10px}.settings-grid,.two-column,.split-panel{gap:16px}.actions{flex-wrap:wrap}.modal-body{padding:20px}.stat-foot{line-height:1.6}.tour-coach-actions{flex-wrap:wrap}.feedback-rating small{font-size:10px}.feedback-rating label>span{min-height:82px}.legal-section{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){body,.panel,.stat-card,.gpu-card,.sidebar,.topbar,.site-header,.product-window,.demo-panel,.demo-inspector,.hero-index{transition:background-color .18s ease,border-color .18s ease,color .18s ease}}
:root .node-picker button small{color:var(--muted)}
.host-toolbar>label{display:flex;align-items:center;gap:12px;min-width:0}
.host-toolbar .select-control{width:220px;max-width:100%}
@media(max-width:480px){.host-toolbar>label{flex:1 1 100%;flex-wrap:wrap}.host-toolbar .select-control{flex:1 1 120px}}
html[data-theme] .calendar-grid button{background:transparent;border-color:transparent;box-shadow:none;color:var(--text);min-width:0}
html[data-theme] .calendar-grid .adjacent-month{color:var(--faint)}
html[data-theme] .calendar-grid button:is(:hover,[aria-selected=true]){background:var(--accent-soft);color:var(--accent)}
html[data-theme] .calendar-grid [aria-current=date]{border-color:var(--accent)}
@media(max-width:600px){.form-row{grid-template-columns:minmax(0,1fr);flex-direction:column}.form-row>.field{width:100%;min-width:0}}
html[data-theme] :is(.tabs [aria-selected=true],.tab-bar button.active){background:var(--accent-soft);color:var(--accent);border-bottom-color:var(--accent)}
.badge{max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.5}
.settings-grid:has(+.panel){margin-bottom:var(--space-section)}
@media(max-width:1000px){
  .site-header .nav-cta{display:none}.site-tools{margin-left:auto;flex-shrink:0}
  .site-header #site-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:14px 24px;flex-direction:column;gap:0;background:var(--overlay-bg);border-bottom:1px solid var(--line);max-height:calc(100dvh - 80px);overflow-y:auto}
  .site-header #site-nav.open{display:flex}.site-header #site-nav a{font-size:13px;padding:12px 0;min-height:44px}.site-header .mobile-dashboard{display:flex}
  .nav-toggle{order:4;display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;min-width:42px;height:42px;padding:10px;background:var(--raised);border:1px solid var(--line);border-radius:8px}
  .nav-toggle span{display:block;width:20px;height:1px;background:var(--text)}
}