.s-host-view{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl) var(--space-3xl);max-width:1180px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto;height:100%}.s-host-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-md);border-bottom:1px solid var(--border);gap:var(--space-xl)}.s-host-header-left{display:flex;flex-direction:column;gap:var(--space-3xs)}.s-host-header-status-line{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.s-host-header-divider{color:var(--dim);font-family:var(--font-mono);font-size:var(--text-2xs)}.s-host-mono-dim{color:var(--dim);font-family:var(--font-mono)}.s-host-mono-accent{color:var(--accent);font-family:var(--font-mono);font-weight:600}.s-host-title{margin:0;display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:600;color:var(--ink);letter-spacing:-.02em}.s-host-title-icon{color:var(--accent)}.s-host-header-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.s-host-mode-toggle{display:flex;align-items:center;gap:var(--space-3xs);background:color-mix(in srgb,var(--surface) 80%,var(--bg));border:1px solid var(--border);padding:2px;border-radius:var(--radius-md)}.s-host-mode-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);border:0;background:transparent;color:var(--muted);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .12s ease;white-space:nowrap}.s-host-mode-btn:hover{color:var(--ink)}.s-host-mode-btn--active{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent);font-weight:600}.s-spin{animation:s-spin-anim 1s linear infinite}@keyframes s-spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.s-host-readouts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-sm)}.s-host-readout{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 60%,var(--surface))}.s-host-readout--warn,.s-host-readout--flag{border-color:color-mix(in srgb,var(--amber) 40%,var(--border));background:color-mix(in srgb,var(--amber) 6%,var(--bg))}.s-host-readout-label{color:var(--dim);letter-spacing:var(--tracking-xl)}.s-host-readout--warn .s-host-readout-label,.s-host-readout--flag .s-host-readout-label{color:var(--amber)}.s-host-readout-figure{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-5xl);font-weight:600;line-height:var(--leading-none);letter-spacing:-.02em;color:var(--ink)}.s-host-readout--warn .s-host-readout-figure{color:var(--amber)}.s-host-readout-qual{color:var(--muted);letter-spacing:var(--tracking-lg);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-readout--warn .s-host-readout-qual,.s-host-readout--flag .s-host-readout-qual{color:var(--amber)}.s-host-readings{display:flex;flex-direction:column;gap:var(--space-lg)}.s-host-reading{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 85%,var(--bg));overflow:hidden;transition:border-color var(--motion-duration-hover) var(--motion-ease-standard)}.s-host-reading:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.s-host-reading-head{display:flex;align-items:baseline;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:color-mix(in srgb,var(--surface) 50%,var(--bg));border-bottom:1px solid var(--border)}.s-host-reading-num{flex-shrink:0;width:150px;color:var(--accent);letter-spacing:var(--tracking-xl)}.s-host-reading-verdict{flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:600;color:var(--ink);letter-spacing:-.01em;white-space:nowrap}.s-host-reading-figures{flex:1;min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-sep{color:var(--dim);margin:0 var(--space-xs)}.s-host-share-bar{display:flex;height:24px;margin:var(--space-lg) var(--space-lg) var(--space-sm);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.s-host-share-seg{display:flex;align-items:center;padding-left:var(--space-xs);min-width:0;overflow:hidden}.s-host-share-seg--0{background:color-mix(in srgb,var(--accent) 70%,var(--bg))}.s-host-share-seg--1{background:color-mix(in srgb,var(--accent) 48%,var(--bg))}.s-host-share-seg--2{background:color-mix(in srgb,var(--accent) 30%,var(--bg))}.s-host-share-seg--3{background:color-mix(in srgb,var(--accent) 24%,var(--bg))}.s-host-share-seg--4{background:color-mix(in srgb,var(--accent) 18%,var(--bg))}.s-host-share-seg--tail{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 5px,transparent 5px 10px)}.s-host-share-seg-label{color:var(--bg);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-host-share-seg--tail .s-host-share-seg-label{color:var(--muted)}.s-host-rack{display:flex;flex-direction:column}.s-host-rack-row{display:grid;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid color-mix(in srgb,var(--ink) 5%,transparent);min-width:0}.s-host-rack-row:last-child{border-bottom:none}.s-host-rack-row--head{padding-top:var(--space-2xs);padding-bottom:var(--space-2xs)}.s-host-rack-row--head .label-xs{color:var(--dim);letter-spacing:var(--tracking-xl)}.s-host-rack-row--tail{background:color-mix(in srgb,var(--ink) 3%,transparent)}.s-host-rack--roots .s-host-rack-row{grid-template-columns:176px 1fr 44px 56px 48px 230px}.s-host-rack--unattended .s-host-rack-row{grid-template-columns:14px 1fr 104px 84px 68px 108px}.s-host-rack--subsystems .s-host-rack-row{grid-template-columns:14px 130px 1fr 140px}.s-host-rack--budgets .s-host-rack-row{grid-template-columns:110px max-content 52px minmax(96px,1fr)}.s-host-rack-row--warn{background:color-mix(in srgb,var(--amber) 6%,transparent)}.s-host-rack-row--unused .s-host-rack-name{color:var(--muted)}.s-host-rack-name{font-size:var(--text-sm);font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-rack-dim{font-size:var(--text-xs);color:var(--muted);min-width:0}.s-host-rack-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-rack-right{text-align:right;font-variant-numeric:tabular-nums;font-size:var(--text-sm);color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-host-rack-age{font-size:var(--text-md);font-weight:600;color:var(--muted)}.s-host-rack-age--warn{color:var(--amber)}.s-host-rack-actions{display:flex;align-items:center;gap:var(--space-xs);justify-content:flex-end}.s-host-rack-track{display:block;height:2px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 10%,transparent);overflow:hidden}.s-host-rack-track--hatch{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 12%,transparent) 0 3px,transparent 3px 6px)}.s-host-rack-fill{display:block;height:100%;background:var(--accent)}.s-host-gauge{display:inline-flex;align-items:baseline;justify-self:start;font-family:var(--font-mono);font-size:var(--text-md);font-variant-ligatures:none;font-variant-numeric:tabular-nums;letter-spacing:.12em;line-height:1;white-space:pre}.s-host-gauge-chrome{color:var(--dim)}.s-host-gauge-fill{color:var(--accent)}.s-host-gauge--warn .s-host-gauge-fill{color:var(--amber)}.s-host-gauge-rest{color:color-mix(in srgb,var(--ink) 40%,transparent)}.s-host-gauge--unused .s-host-gauge-rest{color:color-mix(in srgb,var(--ink) 28%,transparent)}@media(max-width:720px){.s-host-rack--budgets .s-host-rack-row{grid-template-columns:88px minmax(0,1fr) 40px}.s-host-rack--budgets .s-host-rack-row>:last-child{display:none}.s-host-gauge{letter-spacing:.04em;font-size:var(--text-sm)}}.s-host-dot--ok{color:var(--green)}.s-host-dot--idle{color:var(--dim)}.s-host-dot--warn{color:var(--amber)}.s-host-dot--unknown{color:var(--dim)}.s-host-state--ok{background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green)}.s-host-state--idle,.s-host-state--unknown{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--muted)}.s-host-state--warn{background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber)}.s-host-btn-accent{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.s-host-matrix-container{display:flex;flex-direction:column;gap:var(--space-xl)}.s-host-telemetry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-md)}.s-host-stat-box{display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 80%,var(--bg));gap:var(--space-sm)}.s-host-stat-head{display:flex;justify-content:space-between;align-items:center}.s-host-stat-label{color:var(--muted);letter-spacing:var(--tracking-lg)}.s-host-stat-icon{color:var(--dim)}.s-host-stat-body{display:flex;align-items:baseline;gap:var(--space-sm)}.s-host-stat-big{font-family:var(--font-mono);font-size:var(--text-4xl);font-weight:700;color:var(--ink);line-height:1}.s-host-stat-kicker{font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--muted)}.s-host-block{display:flex;flex-direction:column;gap:var(--space-sm)}.s-host-block-head{color:var(--muted);letter-spacing:var(--tracking-lg);padding-bottom:var(--space-3xs);border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.s-host-table-box{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 80%,var(--bg));overflow:hidden}.s-host-table{display:flex;flex-direction:column}.s-host-table-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);border-bottom:1px solid color-mix(in srgb,var(--border) 40%,transparent);gap:var(--space-md)}.s-host-table-row:last-child{border-bottom:0}.s-host-table-cell-main{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1}.s-host-table-cell-action{flex-shrink:0}.s-advisor-left-nav{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-lg);height:100%;box-sizing:border-box;overflow-y:auto}.s-ctx-panel-section{display:flex;flex-direction:column;gap:var(--space-sm)}.s-ctx-panel-head{display:flex;align-items:center;gap:var(--space-xs);color:var(--muted);letter-spacing:var(--tracking-lg);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--border)}.s-ctx-icon{color:var(--accent)}.s-ctx-stat-list{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-2xs)}.s-ctx-stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) 0}.s-ctx-stat-label{color:var(--dim)}.s-ctx-nav-list{display:flex;flex-direction:column;gap:var(--space-2xs);padding-top:var(--space-2xs)}.s-ctx-nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid transparent;background:transparent;color:var(--muted);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;text-align:left;cursor:pointer;transition:all .12s ease;width:100%}.s-ctx-nav-btn:hover{background:color-mix(in srgb,var(--surface) 90%,var(--bg));color:var(--ink);border-color:var(--border)}.s-ctx-nav-btn--active{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:600}.ctx-panel--plan-inspector .ctx-panel-metric-stack{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-xs) 0}.ctx-panel--plan-inspector .ctx-panel-metric-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) 0}.ctx-panel--plan-inspector .ctx-panel-metric-label{font-size:var(--text-xs);color:var(--dim)}.ctx-panel--plan-inspector .ctx-panel-metric-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink)}.ctx-panel--plan-inspector .ctx-panel-stack{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs) 0}.ctx-panel--plan-inspector .ctx-panel-action-btn{display:block;width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);background:color-mix(in srgb,var(--surface) 90%,var(--bg));border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--muted);cursor:pointer;transition:all .12s ease}.ctx-panel--plan-inspector .ctx-panel-action-btn:hover{background:color-mix(in srgb,var(--surface) 98%,var(--bg));color:var(--ink);border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}