:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eae8e3;font-synthesis:none;text-rendering:geometricprecision;background:#0b181f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#152f3ef0,#0b181f),#0b181f;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.app-shell{background:radial-gradient(circle at 16% 4%,#8a979e1a,#0000 30rem),radial-gradient(circle at 82% 0,#7ef53d1c,#0000 26rem),#0b181f;grid-template-rows:auto 1fr;height:100vh;min-height:100vh;display:grid;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b181fe6;border-bottom:1px solid #eae8e31c;grid-template-columns:auto minmax(0,auto) minmax(420px,1fr) auto;align-items:center;gap:14px;min-height:74px;padding:12px 18px;display:grid}.selection-summary h1{letter-spacing:0}.breadcrumbs,.selection-summary p,.stat-tile small,.cluster-row small,.legend small,.rack-details{color:#eae8e39e}.topbar-primary{align-items:center;gap:7px;min-width:0;display:flex}.breadcrumbs{white-space:nowrap;align-items:center;gap:8px;min-width:0;height:40px;font-size:13px;display:flex;overflow:hidden}.breadcrumbs button,.breadcrumbs span{text-overflow:ellipsis;border-radius:7px;align-items:center;max-width:148px;height:32px;padding:0 10px;display:inline-flex;overflow:hidden}.breadcrumbs button{color:#eae8e3;cursor:pointer;background:#eae8e30d;border:1px solid #eae8e31f}.breadcrumbs span{color:#0b181f;background:#7ef53d;font-weight:750}.metric-tabs{background:#ffffff09;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:repeat(5,38px);justify-self:end;gap:6px;width:max-content;min-width:0;padding:4px;display:grid}.metric-tab{color:#eae8e3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:38px;min-width:0;height:36px;padding:0;display:grid}.metric-tab svg{display:block}.metric-tab.is-active{color:#0b181f;background:#7ef53d;border-color:#7ef53da3;box-shadow:inset 0 0 0 1px #befa9e2e,0 8px 22px #00000038}.top-actions{align-items:center;gap:7px;display:flex}.operation-mode-switch{background:#eae8e30e;border:1px solid #eae8e321;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;height:38px;padding:3px;display:grid}.operation-mode-switch button{color:#eae8e3b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:76px;height:30px;padding:0 9px;display:inline-flex}.operation-mode-switch button.is-active{color:#0b181f;background:#befa9e;border-color:#befa9e94}.operation-mode-switch.is-offline button.is-active{color:#0b181f;background:#7ef53d;border-color:#7ef53d9e}.datacenter-preset-select{color:#eae8e3c7;background:#eae8e30e;border:1px solid #eae8e321;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:4px;width:186px;height:38px;padding:0 8px;display:grid;position:relative}.datacenter-preset-select svg{color:#befa9e}.datacenter-preset-select select{color:#eae8e3;cursor:pointer;background:0 0;border:0;outline:0;min-width:0;height:30px}.datacenter-preset-select option{color:#152f3e;background:#eae8e3}.icon-button,.zoom-reset,.zoom-step{color:#eae8e3bd;cursor:pointer;background:#eae8e30e;border:1px solid #eae8e321;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover,.zoom-reset:hover,.zoom-step:hover,.breadcrumbs button:hover,.cluster-row:hover,.rack-cell:hover,.server-cell:hover{border-color:#eae8e352}.icon-button.is-active{color:#0b181f;background:#7ef53d;border-color:#7ef53d99}.turba-boost-button img{object-fit:contain;filter:drop-shadow(0 0 8px #7ef53d52);width:15px;height:26px;display:block}.turba-boost-button.is-active{background:linear-gradient(#7ef53d3d,#7ef53d2e),#0b181ff5;border-color:#7ef53db8;box-shadow:inset 0 0 0 1px #7ef53d2e,0 0 24px #7ef53d38}.workspace{grid-template-columns:minmax(0,1fr) 430px;min-height:0;display:grid}.scene-panel{background:linear-gradient(#ffffff0a,#0000 26%),#0b181f;min-width:0;min-height:0;position:relative;overflow:hidden}.scene-canvas{position:absolute;inset:0}.scene-canvas canvas{width:100%;height:100%;display:block}.scene-hud{pointer-events:none;grid-template-columns:repeat(3,minmax(116px,1fr));gap:10px;width:min(520px,100% - 36px);display:grid;position:absolute;bottom:18px;left:18px}.stat-tile{background:#152f3ec7;border:1px solid #eae8e31f;border-radius:8px;align-content:center;gap:4px;min-width:0;min-height:82px;padding:14px;display:grid;box-shadow:0 22px 48px #0000003d}.stat-tile span,.eyebrow,.legend span,.block-title,.progress-line__head span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.stat-tile strong{letter-spacing:0;overflow-wrap:anywhere;min-width:0;font-size:25px;line-height:1}.tone-compute{border-color:#8a979e42}.tone-power{border-color:#befa9e4d}.tone-thermal{border-color:#86858252}.legend{pointer-events:none;background:#152f3ec7;border:1px solid #eae8e31f;border-radius:8px;gap:7px;width:236px;padding:12px;display:grid;position:absolute;bottom:18px;right:18px}.legend-ramp{border:1px solid #ffffff42;border-radius:999px;height:10px}.zoom-reset,.zoom-step{position:absolute;top:18px;right:18px}.zoom-step{top:64px}.insights-panel{background:linear-gradient(#ffffff09,#0000 18rem),#0b181f;border-left:1px solid #eae8e31c;align-content:start;gap:14px;min-width:0;min-height:0;padding:18px;display:grid;overflow-y:auto}.selection-summary{border-bottom:1px solid #eae8e31c;grid-template-columns:minmax(0,1fr) 94px;align-items:center;gap:14px;padding-bottom:14px;display:grid}.eyebrow{color:#7ef53d;margin-bottom:8px;display:block}.selection-summary h1{overflow-wrap:anywhere;margin:0;font-size:30px;line-height:1.04}.selection-summary p{margin:8px 0 0;font-size:13px;line-height:1.45}.metric-badge{border:1px solid color-mix(in srgb, var(--badge-color), white 18%);color:#0b181f;background:var(--badge-color);width:94px;height:94px;box-shadow:0 18px 36px color-mix(in srgb, var(--badge-color), transparent 75%);border-radius:8px;align-content:center;place-items:center;gap:2px;display:grid}.metric-badge strong{text-overflow:ellipsis;max-width:88px;font-size:25px;line-height:1;overflow:hidden}.metric-badge span{font-size:12px;font-weight:850}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.analytics-block{background:#eae8e30b;border:1px solid #eae8e31f;border-radius:8px;gap:12px;padding:14px;display:grid}.block-title{color:#eae8e3c7;align-items:center;gap:8px;display:flex}.progress-line{gap:6px;display:grid}.progress-line__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.progress-line__head strong{font-size:13px}.progress-track{background:#eae8e314;border-radius:999px;height:9px;overflow:hidden}.progress-track span{border-radius:inherit;min-width:3px;height:100%;transition:width .22s;display:block}.sparkline{width:100%;height:76px;display:block}.sparkline-grid{stroke:#eae8e31f;stroke-width:1px}.cluster-list{gap:8px;display:grid}.cluster-row{min-width:0;min-height:54px;color:inherit;cursor:pointer;text-align:left;background:#152f3ea3;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:11px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.cluster-row strong,.cluster-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cluster-row em{color:#7ef53d;font-size:13px;font-style:normal;font-weight:800}.cluster-swatch{border-radius:3px;width:11px;height:32px;box-shadow:0 0 24px}.rack-matrix{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.rack-cell{aspect-ratio:1.05;color:#eae8e3;background:linear-gradient(180deg, color-mix(in srgb, var(--rack-color), transparent 36%), #152f3eeb), #152f3e;cursor:pointer;border:1px solid #eae8e31c;border-radius:7px;align-content:center;place-items:center;gap:2px;min-width:0;padding:5px;display:grid}.rack-cell.is-active{color:#0b181f;background:var(--rack-color);border-color:#befa9e}.rack-cell span{text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:850;overflow:hidden}.rack-cell strong{text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.server-cell{color:#eae8e3;background:linear-gradient(135deg, color-mix(in srgb, var(--server-color), transparent 42%), #0b181fe6), #152f3e;cursor:pointer;text-align:left;border:1px solid #eae8e31f;border-radius:7px;align-content:center;gap:2px;min-width:0;min-height:70px;padding:8px;display:grid}.server-cell.is-active{color:#0b181f;background:var(--server-color);border-color:#befa9e}.server-cell span,.server-cell strong,.server-cell small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-cell span{font-size:11px;font-weight:850}.server-cell strong{font-size:20px;line-height:1}.server-cell small{color:color-mix(in srgb, currentColor, transparent 28%);font-size:11px}.gpu-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.gpu-grid span{aspect-ratio:1.5;border:1px solid #ffffff38;border-radius:5px;box-shadow:0 0 18px #ffffff14}.rack-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px;display:grid}.rack-details span{text-overflow:ellipsis;white-space:nowrap;text-align:center;background:#152f3e75;border:1px solid #eae8e31a;border-radius:7px;min-width:0;padding:8px;overflow:hidden}.compact-title{margin-top:2px}.server-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.server-facts span{background:#0b181f7a;border:1px solid #eae8e31a;border-radius:7px;gap:3px;min-width:0;padding:9px;display:grid}.server-facts strong,.server-facts small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.server-facts strong{font-size:13px}.server-facts small{color:#eae8e394;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.server-workload-block{gap:10px}.server-workload-list{gap:9px;display:grid}.server-workload-job{border:1px solid color-mix(in srgb, var(--job-color), transparent 68%);border-left:3px solid var(--job-color);background:linear-gradient(90deg, color-mix(in srgb, var(--job-color), transparent 90%), #0b181f80);border-radius:7px;gap:8px;min-width:0;padding:10px;display:grid}.server-workload-job__head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;min-width:0;display:grid}.server-workload-job__head span{gap:3px;min-width:0;display:grid}.server-workload-job__head strong,.server-workload-job__head small,.server-workload-job__head em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.server-workload-job__head strong{color:#eae8e3;font-size:13px}.server-workload-job__head small{color:#eae8e394;font-size:11px}.server-workload-job__head em{color:#0b181f;background:var(--job-color);border-radius:999px;align-self:start;padding:4px 7px;font-size:11px;font-style:normal;font-weight:900}.server-workload-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.server-workload-meta span{text-overflow:ellipsis;white-space:nowrap;color:#eae8e3ad;background:#0b181f6b;border:1px solid #eae8e314;border-radius:6px;min-width:0;padding:5px 7px;font-size:11px;font-weight:760;overflow:hidden}.server-gpu-lane{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.server-gpu-lane span{background:#eae8e31a;border-radius:999px;height:8px}.server-gpu-lane span.is-active{background:var(--job-color);box-shadow:0 0 10px color-mix(in srgb, var(--job-color), transparent 45%)}.server-component-block{gap:10px}.server-component-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.server-component-tabs button{border:1px solid color-mix(in srgb, var(--component-color), transparent 74%);color:#eae8e3b8;cursor:pointer;text-align:left;background:#0b181f7a;border-radius:7px;align-content:center;gap:3px;min-width:0;min-height:58px;padding:8px;display:grid}.server-component-tabs button.is-active{color:#0b181f;border-color:color-mix(in srgb, var(--component-color), white 18%);background:var(--component-color);box-shadow:0 0 18px color-mix(in srgb, var(--component-color), transparent 68%)}.server-component-tabs strong,.server-component-tabs span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.server-component-tabs strong{font-size:11px}.server-component-tabs span{color:color-mix(in srgb, currentColor, transparent 28%);font-size:10px;font-weight:760}.server-component-summary{border:1px solid color-mix(in srgb, var(--component-color), transparent 66%);background:linear-gradient(90deg, color-mix(in srgb, var(--component-color), transparent 88%), #0b181f8a);border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;min-width:0;padding:11px;display:grid}.server-component-summary span{color:#0b181f;background:var(--component-color);text-align:center;border-radius:6px;grid-row:span 2;min-width:80px;padding:7px 9px;font-size:11px;font-weight:900}.server-component-summary strong,.server-component-summary small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.server-component-summary strong{font-size:14px}.server-component-summary small{color:#eae8e399;font-size:11px}.server-component-empty{color:#eae8e3b8;background:#0b181f75;border:1px dashed #befa9e47;border-radius:7px;gap:5px;min-width:0;padding:12px;display:grid}.server-component-empty strong,.server-component-empty span{text-overflow:ellipsis;min-width:0;overflow:hidden}.server-component-empty strong{color:#eae8e3;font-size:13px}.server-component-empty span{font-size:12px;line-height:1.45}.component-overlay-chart{background:linear-gradient(#befa9e0e,#0000 72%),#0b181f85;border:1px solid #eae8e31a;border-radius:7px;gap:10px;min-width:0;padding:10px;display:grid}.component-overlay-chart svg{width:100%;height:210px;overflow:visible}.component-overlay-chart__grid path{stroke:#eae8e31a;stroke-width:1px;stroke-dasharray:4 7}.component-overlay-chart__grid text{fill:#eae8e36b;font-size:11px;font-weight:800}.component-overlay-chart__axis{fill:none;stroke:#eae8e338;stroke-width:1.4px}.component-overlay-chart__line{fill:none;stroke:var(--series-color);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--series-color), transparent 38%))}.component-overlay-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.component-overlay-legend span{border:1px solid color-mix(in srgb, var(--series-color), transparent 78%);background:color-mix(in srgb, var(--series-color), transparent 94%);border-radius:6px;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:7px;display:grid}.component-overlay-legend i{background:var(--series-color);width:9px;height:9px;box-shadow:0 0 10px color-mix(in srgb, var(--series-color), transparent 44%);border-radius:50%}.component-overlay-legend strong,.component-overlay-legend em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-overlay-legend strong{color:#eae8e3c7;font-size:11px}.component-overlay-legend em{color:#eae8e3;font-size:11px;font-style:normal;font-weight:850}.component-timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.component-timeline{border:1px solid color-mix(in srgb, var(--component-color), transparent 72%);background:linear-gradient(180deg, color-mix(in srgb, var(--component-color), transparent 92%), #0b181f8f), #0b181f6b;border-radius:7px;gap:7px;min-width:0;padding:9px;display:grid}.component-timeline header{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:8px;min-width:0;display:grid}.component-timeline span,.component-timeline strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.component-timeline span{color:#eae8e3a8;font-size:11px;font-weight:850}.component-timeline strong{color:#eae8e3;font-size:12px}.component-timeline svg{width:100%;height:54px;overflow:visible}.component-timeline__grid{stroke:#eae8e31f;stroke-width:1px}.component-timeline__grid.is-mid{stroke-dasharray:4 5;opacity:.72}.component-timeline__path{fill:none;stroke:var(--component-color);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--component-color), transparent 44%))}.workload-block,.scenario-block{border-color:#8a979e2e}.workload-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.workload-kpis span{border-bottom:1px solid #eae8e31a;gap:2px;min-width:0;padding:9px 0;display:grid}.workload-kpis small,.workload-kpis em{text-overflow:ellipsis;white-space:nowrap;color:#eae8e394;min-width:0;font-size:11px;font-style:normal;overflow:hidden}.workload-kpis small{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.workload-kpis strong{font-size:23px;line-height:1}.customer-list{gap:7px;display:grid}.customer-row{border-bottom:1px solid #eae8e314;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:7px 0;display:grid}.customer-row strong,.customer-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.customer-row strong{font-size:13px}.customer-row small{color:#eae8e394;font-size:11px}.customer-row em{color:#befa9e;font-size:13px;font-style:normal;font-weight:850}.mode-control{background:#0b181f8a;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.mode-control button{color:#eae8e3b8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:0;height:34px}.mode-control button.is-active{color:#0b181f;background:#befa9e;border-color:#befa9e8a}.range-control{gap:8px;display:grid}.range-control span{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.range-control strong{font-size:12px}.range-control input{accent-color:#befa9e;width:100%}.range-control .number-field{color:#befa9e;text-align:right;background:#0b181fa3;border:1px solid #eae8e324;border-radius:7px;width:76px;height:30px;padding:0 8px;font-weight:850}.select-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.select-grid label{color:#eae8e3ad;background:#0b181f8a;border:1px solid #eae8e31f;border-radius:7px;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;min-width:0;height:38px;padding:0 9px;display:grid}.select-grid .select-wide{grid-column:1/-1}.select-grid select{color:#eae8e3;background:0 0;border:0;outline:none;width:100%;min-width:0}.scenario-impact{flex-wrap:wrap;gap:8px;display:flex}.scenario-impact span{color:#eae8e3b8;background:#eae8e30b;border:1px solid #eae8e31a;border-radius:7px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:12px;display:inline-flex}.workload-view-switch{background:#0b181f6b;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(340px,100%);padding:4px;display:grid}.workload-view-switch button{color:#eae8e3b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:0;height:34px;font-size:12px;font-weight:850}.workload-view-switch button.is-active{color:#0b181f;background:#befa9e;border-color:#befa9e8a}.scenario-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000a3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.scenario-window{background:linear-gradient(#befa9e0e,#0000 210px),#0b181f;border:1px solid #eae8e326;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);width:min(980px,100%);max-height:min(820px,100vh - 40px);display:grid;overflow:hidden;box-shadow:0 30px 90px #0000008f}.scenario-header{border-bottom:1px solid #eae8e31a;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:18px;display:grid}.scenario-header h2{margin:0;font-size:26px;line-height:1.08}.scenario-tabs{border-bottom:1px solid #eae8e31a;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 18px;display:grid}.scenario-tabs button{color:#eae8e3b8;cursor:pointer;background:#eae8e30a;border:1px solid #eae8e31a;border-radius:7px;min-width:0;height:38px}.scenario-tabs button.is-active{color:#0b181f;background:#befa9e;border-color:#befa9e99}.scenario-body{gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.scenario-row{grid-template-columns:minmax(180px,1fr) auto auto;align-items:center;gap:8px;display:grid}.scenario-row.hardware-control-row{grid-template-columns:minmax(160px,.8fr) minmax(260px,1.2fr) auto}.scenario-select,.workload-editor-row input,.workload-editor-row select,.workload-add-row input,.workload-add-row select{color:#eae8e3;background:#0b181f9e;border:1px solid #eae8e31f;border-radius:7px;min-width:0;height:38px}.scenario-select{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.scenario-select select{min-width:0;color:inherit;background:0 0;border:0;outline:none}.scenario-action{color:#eae8e3;cursor:pointer;background:#eae8e30e;border:1px solid #eae8e324;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.scenario-action:hover{border-color:#befa9e6b}.hardware-summary{flex-wrap:wrap;gap:10px;display:flex}.hardware-summary span{border:1px solid color-mix(in srgb, var(--vendor-color), transparent 45%);min-height:34px;color:color-mix(in srgb, var(--vendor-color), white 28%);background:color-mix(in srgb, var(--vendor-color), transparent 90%);border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.hardware-summary strong{color:#eae8e3}.hardware-system-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.hardware-system-card{border:1px solid color-mix(in srgb, var(--system-color), transparent 68%);color:#eae8e3;background:linear-gradient(180deg, color-mix(in srgb, var(--system-color), transparent 86%), #0b181fb8);cursor:pointer;text-align:left;border-radius:7px;align-content:start;gap:6px;min-width:0;min-height:96px;padding:10px;display:grid}.hardware-system-card.is-active{border-color:color-mix(in srgb, var(--system-color), white 18%);box-shadow:0 0 0 1px color-mix(in srgb, var(--system-color), transparent 62%)}.hardware-system-card span,.hardware-system-card strong,.hardware-system-card small{text-overflow:ellipsis;min-width:0;overflow:hidden}.hardware-system-card span{color:color-mix(in srgb, var(--system-color), white 28%);text-transform:uppercase;font-size:10px;font-weight:900}.hardware-system-card strong{font-size:14px}.hardware-system-card small{-webkit-line-clamp:2;color:#eae8e3a3;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box}.hardware-rack-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.hardware-rack{border:1px solid color-mix(in srgb, var(--system-color), transparent 62%);color:#eae8e3;background:linear-gradient(180deg, color-mix(in srgb, var(--system-color), transparent 88%), #0b181fc7);text-align:left;border-radius:7px;align-content:start;gap:8px;min-width:0;min-height:122px;padding:9px;display:grid}.hardware-rack header{gap:3px;min-width:0;display:grid}.hardware-rack select{color:#eae8e3;background:#0b181fc7;border:1px solid #eae8e324;border-radius:6px;outline:none;min-width:0;height:32px;font-size:12px}.hardware-rack span,.hardware-rack strong,.hardware-rack small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hardware-rack span{font-size:11px;font-weight:850}.hardware-rack strong{color:color-mix(in srgb, var(--system-color), white 34%);font-size:12px}.hardware-rack small{color:#eae8e394;font-size:11px;font-weight:780}.network-config-summary{flex-wrap:wrap;gap:8px;display:flex}.network-config-summary span{color:#eae8e3b8;background:#8a979e0b;border:1px solid #8a979e29;border-radius:7px;align-items:center;gap:7px;min-height:32px;padding:0 9px;font-size:12px;font-weight:760;display:inline-flex}.network-topology-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.network-topology-card{color:#eae8e3;cursor:pointer;text-align:left;background:linear-gradient(#8a979e0a,#0000),#0b181f7a;border:1px solid #eae8e31a;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.network-topology-card.is-active{background:linear-gradient(#befa9e24,#0b181f80),#0b181f7a;border-color:#befa9e8a}.network-topology-card>span{gap:5px;min-width:0;display:grid}.network-topology-card strong,.network-topology-card small,.network-topology-card em,.network-topology-metrics span{text-overflow:ellipsis;min-width:0;overflow:hidden}.network-topology-card strong{font-size:15px}.network-topology-card small{color:#eae8e399;font-size:12px;line-height:1.35}.network-topology-card em{color:#0b181f;background:#befa9e;border-radius:999px;justify-self:start;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.network-topology-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.network-topology-metrics span{color:#eae8e3ad;white-space:nowrap;background:#eae8e309;border:1px solid #eae8e314;border-radius:7px;padding:7px;font-size:11px;font-weight:780}.capacity-window{grid-template-rows:auto minmax(0,1fr);max-width:1080px}.slo-window{grid-template-rows:auto minmax(0,1fr);max-width:1050px}.slo-body{grid-template-columns:260px minmax(0,1fr);gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.slo-list,.slo-editor{align-content:start;gap:9px;min-width:0;display:grid}.slo-list{background:#0b181f6b;border:1px solid #eae8e31a;border-radius:8px;padding:10px}.slo-list-item{color:#eae8e3;cursor:pointer;text-align:left;background:#eae8e30b;border:1px solid #eae8e31a;border-radius:7px;gap:4px;min-width:0;padding:10px;display:grid}.slo-list-item.is-active{color:#0b181f;background:#7ef53d;border-color:#7ef53da3}.slo-list-item strong,.slo-list-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.slo-list-item small{color:inherit;opacity:.72;font-size:11px;font-weight:850}.slo-editor{background:#0b181f6b;border:1px solid #eae8e31a;border-radius:8px;padding:12px}.slo-name-field{gap:6px;min-width:0;display:grid}.slo-name-field span{color:#eae8e38f;text-transform:uppercase;font-size:10px;font-weight:900}.slo-name-field input{color:#eae8e3;background:#0b181fb8;border:1px solid #eae8e324;border-radius:7px;width:100%;min-width:0;height:40px;padding:0 10px;font-weight:850}.slo-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.slo-feature-card{color:#eae8e3;cursor:pointer;text-align:left;background:linear-gradient(#8a979e0d,#0000),#eae8e309;border:1px solid #eae8e31a;border-radius:7px;align-content:start;gap:6px;min-width:0;min-height:104px;padding:10px;display:grid}.slo-feature-card.is-active{color:#0b181f;background:#befa9e;border-color:#7ef53db8}.slo-feature-card span,.slo-feature-card small{text-overflow:ellipsis;min-width:0;overflow:hidden}.slo-feature-card span{font-size:12px;font-weight:900}.slo-feature-card small{-webkit-line-clamp:3;color:inherit;opacity:.7;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box}.slo-editor-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.slo-editor-actions>span{color:#eae8e3b8;background:#8a979e0f;border:1px solid #befa9e24;border-radius:7px;align-items:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.capacity-body{gap:14px;min-height:0;padding:18px;display:grid;overflow:auto}.capacity-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.capacity-kpis span,.capacity-impact span{background:#0b181f8a;border:1px solid #eae8e31a;border-radius:7px;gap:4px;min-width:0;padding:11px;display:grid}.capacity-kpis small,.capacity-kpis em,.capacity-impact small{text-overflow:ellipsis;white-space:nowrap;color:#eae8e38f;text-transform:uppercase;min-width:0;font-size:11px;font-style:normal;font-weight:820;overflow:hidden}.capacity-kpis strong,.capacity-impact strong{text-overflow:ellipsis;white-space:nowrap;color:#eae8e3;min-width:0;font-size:18px;overflow:hidden}.capacity-planner{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:10px;display:grid}.capacity-view-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.capacity-model-badge{color:#eae8e3b8;background:#8a979e0f;border:1px solid #befa9e29;border-radius:7px;align-items:center;min-height:34px;padding:0 10px;font-size:12px;font-weight:850;display:inline-flex}.scenario-action:disabled{cursor:not-allowed;opacity:.42}.capacity-plan-editor{background:#0b181f6b;border:1px solid #eae8e31a;border-radius:7px;gap:8px;min-width:0;padding:12px;display:grid}.capacity-plan-head,.capacity-plan-row{grid-template-columns:minmax(100px,1fr) minmax(76px,.7fr) minmax(112px,.9fr) 72px minmax(132px,1.1fr) 38px;align-items:center;gap:7px;display:grid}.capacity-plan-head span{text-overflow:ellipsis;white-space:nowrap;color:#eae8e37a;text-transform:uppercase;min-width:0;font-size:10px;font-weight:900;overflow:hidden}.capacity-plan-row select,.capacity-plan-row input{color:#eae8e3;background:#0b181fb3;border:1px solid #eae8e31f;border-radius:7px;width:100%;min-width:0;height:36px}.capacity-plan-row strong{text-overflow:ellipsis;white-space:nowrap;color:#eae8e3b8;min-width:0;font-size:12px;overflow:hidden}.capacity-plan-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:4px;display:flex}.capacity-simple-panel{background:#0b181f6b;border:1px solid #eae8e31a;border-radius:7px;gap:10px;min-width:0;padding:12px;display:grid}.capacity-simple-chart{background:linear-gradient(#8a979e0e,#0000),#0b181f5c;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:12px;min-width:0;min-height:318px;padding:12px;display:grid}.capacity-simple-bars{background:linear-gradient(#eae8e312 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#8a979e0b,#0000);border-left:1px solid #eae8e31f;grid-template-columns:repeat(5,minmax(58px,1fr));align-items:end;gap:12px;min-width:0;min-height:266px;padding:4px 8px 0;display:grid}.capacity-simple-column{grid-template-rows:minmax(224px,1fr) auto;align-items:end;gap:8px;min-width:0;height:100%;display:grid}.capacity-simple-track{cursor:ns-resize;background:linear-gradient(#eae8e30b,#0b181fb8),#0b181f9e;border:1px solid #eae8e329;border-radius:8px 8px 6px 6px;min-width:0;height:224px;position:relative;overflow:hidden}.capacity-simple-track:focus-visible,.capacity-job-boundary:focus-visible{outline-offset:3px;outline:2px solid #befa9e}.capacity-simple-available{height:calc(var(--available-height) * 1%);background:linear-gradient(#eae8e31c,#eae8e306);border:1px dashed #eae8e338;border-bottom:0;border-radius:8px 8px 0 0;position:absolute;inset:auto 4px 0}.capacity-simple-fill{height:calc(var(--fill-height) * 1%);border-top:1px solid #ffffff57;min-height:0;position:absolute;inset:auto 0 0;overflow:hidden;box-shadow:0 -10px 26px #8a979e24}.capacity-simple-segment{left:0;right:0;bottom:calc(var(--segment-bottom) * 1%);height:calc(var(--segment-height) * 1%);background:linear-gradient(180deg, color-mix(in srgb, var(--job-color), white 12%), var(--job-color)), var(--job-color);border-top:1px solid #ffffff3d;position:absolute}.capacity-job-boundary{left:7px;right:7px;bottom:calc(var(--boundary) * 1%);z-index:3;cursor:ns-resize;background:0 0;border:0;height:20px;padding:0;position:absolute;transform:translateY(50%)}.capacity-job-boundary:before{content:"";background:#ffffffe0;border-radius:999px;width:100%;height:4px;display:block;box-shadow:0 0 0 1px #0b181f70,0 3px 9px #0000006b}.capacity-simple-label{color:#eae8e3;text-align:center;background:#eae8e30b;border:1px solid #eae8e31a;border-radius:7px;align-content:center;gap:2px;min-width:0;min-height:58px;display:grid}.capacity-simple-label strong,.capacity-simple-label span,.capacity-simple-label small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.capacity-simple-label strong{font-size:13px}.capacity-simple-label span,.capacity-simple-label small{color:#eae8e394;font-size:11px;font-weight:800}.capacity-simple-legend{grid-column:auto}.capacity-simple-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.capacity-simple-summary span{background:#eae8e309;border:1px solid #eae8e317;border-radius:7px;gap:3px;min-width:0;padding:8px;display:grid}.capacity-simple-summary strong,.capacity-simple-summary small,.capacity-simple-summary em{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.capacity-simple-summary strong{color:#eae8e3;font-size:12px}.capacity-simple-summary small,.capacity-simple-summary em{color:#eae8e394;font-size:10px;font-style:normal;font-weight:780}.capacity-impact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.capacity-impact.is-over span{background:#0b181f38;border-color:#86858247}.capacity-resource-bars{background:#0b181f57;border:1px solid #eae8e31a;border-radius:7px;gap:8px;padding:12px;display:grid}.capacity-resource-row{grid-template-columns:70px minmax(0,1fr) 54px;align-items:center;gap:10px;display:grid}.capacity-resource-row span,.capacity-resource-row strong{color:#eae8e3b8;font-size:12px;font-weight:850}.capacity-resource-row strong{text-align:right}.capacity-resource-track{background:#eae8e30f;border:1px solid #eae8e314;border-radius:999px;height:10px;position:relative;overflow:hidden}.capacity-resource-track i,.capacity-resource-track b{width:calc(var(--resource-width) * 1%);border-radius:inherit;position:absolute;inset:0 auto 0 0}.capacity-resource-track i{opacity:.52;background:linear-gradient(90deg,#8a979e,#befa9e)}.capacity-resource-track b{opacity:.68;background:linear-gradient(90deg,#befa9e,#868582)}.capacity-matrix{background:#0b181f61;border:1px solid #eae8e31a;border-radius:7px;gap:6px;padding:12px;display:grid}.capacity-matrix header,.capacity-matrix-row{grid-template-columns:minmax(72px,.7fr) repeat(3,minmax(0,1fr));align-items:center;gap:7px;display:grid}.capacity-matrix header span{color:#eae8e37a;text-transform:uppercase;font-size:11px;font-weight:900}.capacity-matrix-row strong,.capacity-matrix-row span{border-radius:7px;align-items:center;min-width:0;min-height:38px;display:flex}.capacity-matrix-row strong{color:#eae8e3;font-size:13px}.capacity-matrix-row span{background:#eae8e30b;border:1px solid #eae8e314;justify-content:space-between;gap:8px;padding:0 10px}.capacity-matrix-row span.has-impact{background:#befa9e14;border-color:#befa9e3d}.capacity-matrix-row em,.capacity-matrix-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.capacity-matrix-row em{color:#eae8e3;font-size:15px;font-weight:900}.capacity-matrix-row small{color:#befa9e;font-size:11px;font-weight:850}.simple-workload-panel{background:#eae8e309;border:1px solid #eae8e31a;border-radius:8px;gap:10px;padding:12px;display:grid}.simple-panel-head{color:#eae8e3b8;text-transform:uppercase;letter-spacing:0;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:850;display:flex}.simple-panel-head strong{color:#befa9e}.chart-panel{gap:12px}.simple-chart-mode-switch{background:#0b181f6b;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:min(420px,100%);padding:4px;display:grid}.simple-chart-mode-switch button{color:#eae8e3b3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;min-width:0;height:34px;font-size:12px;font-weight:850}.simple-chart-mode-switch button.is-active{color:#0b181f;background:#befa9e;border-color:#befa9e8a}.model-mix-chart,.job-distribution-chart{background:linear-gradient(#eae8e30b,#0000),#0b181f5c;border:1px solid #eae8e31a;border-radius:8px;grid-template-columns:42px minmax(0,1fr);gap:12px;min-width:0;min-height:306px;padding:12px;display:grid}.job-distribution-chart{grid-template-rows:auto minmax(0,1fr)}.chart-scale{color:#eae8e375;text-align:right;flex-direction:column;justify-content:space-between;min-height:224px;padding:4px 0 42px;font-size:11px;font-weight:760;display:flex}.job-chart-legend{flex-wrap:wrap;grid-column:2;gap:8px;display:flex}.job-chart-legend span{border:1px solid color-mix(in srgb, var(--job-color), transparent 45%);min-height:24px;color:color-mix(in srgb, var(--job-color), white 24%);background:color-mix(in srgb, var(--job-color), transparent 90%);border-radius:999px;align-items:center;gap:6px;padding:0 8px;font-size:11px;font-weight:850;display:inline-flex}.job-chart-legend span:before{content:"";background:var(--job-color);border-radius:50%;width:8px;height:8px}.job-distribution-chart .chart-scale{grid-row:2}.model-chart-bars{background:linear-gradient(#eae8e312 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#eae8e309,#0000);border-left:1px solid #eae8e31f;grid-template-columns:repeat(5,minmax(64px,1fr));align-items:end;gap:12px;min-width:0;min-height:266px;padding:4px 8px 0;display:grid}.job-distribution-chart .model-chart-bars{grid-row:2}.model-chart-column{grid-template-rows:minmax(224px,1fr) auto;align-items:end;gap:8px;min-width:0;height:100%;display:grid}.model-chart-track,.job-chart-track{background:#0b181f9e;border:1px solid #eae8e329;border-radius:8px 8px 6px 6px;min-width:0;height:224px;position:relative;overflow:hidden}.model-chart-track{cursor:ns-resize}.model-chart-track:focus-visible,.job-boundary-handle:focus-visible{outline-offset:3px;outline:2px solid #befa9e}.model-chart-fill{height:calc(var(--bar-percent) * 1%);background:linear-gradient(#befa9e,#7ef53d 55%,#8a979e);border-top:1px solid #ffffff59;justify-content:center;align-items:flex-start;min-height:0;padding-top:8px;display:flex;position:absolute;inset:auto 0 0;box-shadow:0 -10px 26px #7ef53d2e}.model-chart-fill strong{color:#0b181f;font-size:12px;font-weight:900}.model-chart-column:not(.is-active) .model-chart-track{opacity:.58}.model-chart-column:not(.is-active) .model-chart-fill{border-top:0}.model-chart-label{color:#eae8e3;text-align:center;cursor:pointer;background:#eae8e30b;border:1px solid #eae8e31a;border-radius:7px;align-content:center;gap:2px;min-width:0;min-height:44px;display:grid}.model-chart-label.as-static{cursor:default}.model-chart-label strong,.model-chart-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.model-chart-label strong{font-size:13px}.model-chart-label span{color:#eae8e394;font-size:11px;font-weight:800}.job-chart-track{cursor:ns-resize;background:linear-gradient(#eae8e30d,#0b181fad),#0b181f9e}.job-chart-segment{left:0;right:0;bottom:calc(var(--segment-bottom) * 1%);height:calc(var(--segment-height) * 1%);background:linear-gradient(180deg, color-mix(in srgb, var(--job-color), white 16%), var(--job-color));border-top:1px solid #ffffff47;justify-content:center;align-items:center;display:flex;position:absolute}.job-chart-segment em{color:#0b181f;font-size:11px;font-style:normal;font-weight:900}.job-boundary-handle{left:7px;right:7px;bottom:calc(var(--boundary) * 1%);z-index:3;cursor:ns-resize;background:0 0;border:0;height:20px;padding:0;position:absolute;transform:translateY(50%)}.job-boundary-handle:before{content:"";background:#ffffffe0;border-radius:999px;width:100%;height:4px;display:block;box-shadow:0 0 0 1px #0b181f70,0 3px 9px #0000006b}.simple-model-list{gap:8px;display:grid}.simple-model-row,.simple-job-row{grid-template-columns:136px minmax(140px,1fr) 72px;align-items:center;gap:10px;min-width:0;display:grid}.simple-model-row{background:#0b181f61;border:1px solid #eae8e314;border-radius:7px;min-height:42px;padding:0 10px}.simple-model-row.is-active{background:linear-gradient(90deg,#befa9e17,#0b181f6b);border-color:#befa9e38}.simple-size-check{color:#eae8e3;cursor:pointer;align-items:center;gap:9px;min-width:0;font-weight:850;display:inline-flex}.simple-size-check input{accent-color:#befa9e;width:16px;height:16px}.simple-size-check span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.simple-range{accent-color:#befa9e;width:100%}.simple-percent{color:#eae8e3;text-align:right;background:#0b181fa3;border:1px solid #eae8e31f;border-radius:7px;width:100%;min-width:0;height:34px;padding:0 8px}.simple-range:disabled,.simple-percent:disabled{opacity:.38;cursor:not-allowed}.simple-job-grid{grid-template-columns:repeat(auto-fit,minmax(246px,1fr));gap:10px;display:grid}.simple-job-card{background:#0b181f75;border:1px solid #eae8e31a;border-radius:7px;gap:9px;min-width:0;padding:10px;display:grid}.simple-job-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.simple-job-card strong{color:#eae8e3;font-size:14px}.simple-job-card header span{color:#eae8e38f;font-size:12px}.simple-job-row{grid-template-columns:92px minmax(110px,1fr) 62px}.simple-job-row span{color:#eae8e3b8;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:760;overflow:hidden}.workload-editor-list{gap:8px;display:grid}.workload-editor-row,.workload-add-row{grid-template-columns:minmax(130px,1.2fr) minmax(76px,.55fr) 76px minmax(118px,.8fr) minmax(150px,1fr) 38px;align-items:center;gap:8px;display:grid}.workload-add-row{z-index:1;background:#0b181f;border-top:1px solid #eae8e31a;grid-template-columns:minmax(130px,1.2fr) minmax(76px,.55fr) 76px minmax(118px,.8fr) minmax(150px,1fr) auto;padding-top:8px;position:sticky;bottom:0}.workload-editor-row input,.workload-editor-row select,.workload-add-row input,.workload-add-row select{width:100%;padding:0 9px}.workload-editor-row input[type=number],.workload-add-row input[type=number]{text-align:right}.add-action{color:#0b181f;background:#befa9e;border-color:#befa9e8f}@media (width<=1380px){.breadcrumbs{display:none}}@media (width<=1180px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar{grid-template-columns:auto 1fr auto}.topbar-primary{grid-column:1/3}.metric-tabs{order:2;grid-column:1/-1}.workspace{grid-template-rows:minmax(540px,58vh) auto;grid-template-columns:1fr}.insights-panel{border-top:1px solid #eae8e31c;border-left:0;grid-template-columns:repeat(2,minmax(0,1fr))}.selection-summary,.summary-grid{grid-column:1/-1}.workload-block,.scenario-block{align-self:start}.scenario-window{max-height:calc(100vh - 24px)}.hardware-rack-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hardware-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capacity-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.capacity-planner{grid-template-columns:1fr}.capacity-simple-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.workload-editor-row,.workload-add-row{grid-template-columns:minmax(130px,1fr) minmax(76px,.55fr) 76px minmax(110px,.8fr) minmax(138px,1fr) 38px}.workload-add-row{grid-template-columns:minmax(130px,1fr) minmax(76px,.55fr) 76px minmax(110px,.8fr) minmax(138px,1fr) auto}}@media (width<=720px){.topbar{grid-template-columns:1fr auto;gap:10px;padding:10px}.topbar-primary{flex-wrap:wrap;grid-column:1/-1}.datacenter-preset-select{flex:180px}.top-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start}.metric-tabs{grid-template-columns:repeat(5,38px);gap:4px}.metric-tab{padding:0}.operation-mode-switch button{min-width:38px;padding:0}.operation-mode-switch button span{display:none}.datacenter-preset-select{grid-template-columns:28px minmax(0,1fr);width:auto;min-width:180px;max-width:100%;padding:0 8px}.datacenter-preset-select select{opacity:1;width:100%;position:static}.workspace{grid-template-rows:minmax(470px,58vh) auto}.scene-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:calc(100% - 20px);bottom:10px;left:10px}.scene-hud .stat-tile{min-height:68px;padding:9px}.scene-hud .stat-tile strong{font-size:17px}.legend{width:178px;top:58px;bottom:auto;right:10px}.insights-panel{grid-template-columns:1fr;padding:12px}.selection-summary{grid-template-columns:minmax(0,1fr) 78px}.selection-summary h1{font-size:24px}.metric-badge{width:78px;height:78px}.metric-badge strong{max-width:72px;font-size:20px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rack-details,.workload-kpis,.server-facts{grid-template-columns:1fr}.server-component-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.server-component-summary,.component-timeline-grid,.component-overlay-legend{grid-template-columns:1fr}.component-overlay-chart svg{height:170px}.server-component-summary span{grid-row:auto;width:fit-content;min-width:0}.server-workload-meta,.server-workload-job__head{grid-template-columns:1fr}.scenario-backdrop{padding:10px}.scenario-header,.scenario-body{padding:14px}.scenario-row,.scenario-row.hardware-control-row,.hardware-system-grid,.scenario-tabs,.network-topology-grid,.network-topology-metrics{grid-template-columns:1fr}.capacity-body{padding:14px}.capacity-kpis,.capacity-impact{grid-template-columns:1fr}.capacity-view-head{display:grid}.capacity-model-badge{justify-content:center}.capacity-simple-chart{grid-template-columns:34px minmax(0,1fr)}.capacity-simple-bars{gap:7px;padding-bottom:2px;overflow-x:auto}.capacity-simple-column{min-width:68px}.capacity-simple-summary,.slo-body,.slo-feature-grid{grid-template-columns:1fr}.capacity-plan-head{display:none}.capacity-plan-row{background:#eae8e309;border:1px solid #eae8e314;border-radius:7px;grid-template-columns:minmax(0,1fr) minmax(76px,.65fr);padding:8px}.capacity-plan-row strong{grid-column:1/-1}.capacity-plan-row .icon-button{width:100%}.capacity-plan-actions{grid-template-columns:1fr;display:grid}.capacity-resource-row{grid-template-columns:56px minmax(0,1fr) 44px}.capacity-matrix{overflow-x:auto}.capacity-matrix header,.capacity-matrix-row{min-width:560px}.workload-view-switch,.simple-chart-mode-switch{width:100%}.model-mix-chart,.job-distribution-chart{grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px}.model-chart-bars{grid-template-columns:repeat(5,minmax(48px,1fr));gap:7px;padding-right:4px}.model-chart-column{grid-template-rows:minmax(190px,1fr) auto}.model-chart-track,.job-chart-track{height:190px}.chart-scale{min-height:190px;padding-bottom:42px}.model-chart-label{min-height:40px}.simple-model-row,.simple-job-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:10px}.simple-job-card header{flex-direction:column;align-items:flex-start;gap:2px}.workload-editor-row,.workload-add-row{grid-template-columns:1fr}.workload-editor-row .icon-button{width:100%}}@media (width<=420px){.scene-hud{grid-template-columns:1fr;width:150px}.legend{width:calc(100% - 176px);min-width:136px}.summary-grid,.rack-matrix,.server-grid,.server-component-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.select-grid{grid-template-columns:1fr}.hardware-rack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}