.rack-overlay-page{justify-items:stretch}.rack-overlay-shell{justify-content:flex-end;align-items:stretch;width:100%;height:800px;padding-right:20px;display:flex}.rack-overlay{background:rgb(from var(--surface-base) r g b / .97);border:1px solid rgb(from var(--color-white) r g b / .11);border-radius:var(--radius-surface);width:520px;height:800px;box-shadow:var(--shadow-popup);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-rows:84px 68px 44px minmax(0,1fr);display:grid;overflow:hidden}.rack-header{border-bottom:1px solid rgb(from var(--color-white) r g b / .08);justify-content:space-between;align-items:center;gap:14px;padding:14px 16px 13px 18px;display:flex}.rack-title-group{min-width:0}.rack-title-line{align-items:center;gap:9px;display:flex}.rack-title-line h1{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:680}.rack-title-group p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0 16px;font-size:10px;overflow:hidden}.rack-rename-button{flex:none}.rack-rename-button svg{width:14px;height:14px}.rack-summary{background:rgb(from var(--surface-raised) r g b / .72);border-bottom:1px solid rgb(from var(--color-white) r g b / .08);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.rack-summary>div{border-right:1px solid rgb(from var(--color-white) r g b / .07);flex-direction:column;justify-content:center;min-width:0;padding:0 14px;display:flex}.rack-summary>div:last-child{border-right:0}.rack-summary span,.rack-summary small{color:var(--text-muted);font-size:9px;font-weight:570}.rack-summary strong{white-space:nowrap;margin-top:4px;font-size:16px;font-weight:650}.rack-tabs{background:var(--hardware-black);border-bottom:1px solid rgb(from var(--color-white) r g b / .08);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px;display:grid}.rack-tab{min-width:0;color:var(--text-muted);font:inherit;border-radius:var(--radius-control);cursor:pointer;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;padding:0 5px;font-size:10px;font-weight:680}.rack-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.rack-tab.is-active{color:var(--color-white);background:var(--primary)}.rack-tab:focus-visible{outline:1px solid var(--primary-bright);outline-offset:-1px}.rack-panel{min-height:0}.rack-diagnose-panel{grid-template-rows:76px 50px var(--table-header-height) minmax(0, 1fr) 60px;display:grid}.rack-vitals{border-bottom:1px solid rgb(from var(--color-white) r g b / .07);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 12px;display:grid}.rack-vital{grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:7px 5px;min-width:0;display:grid}.rack-vital>span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.rack-vital>strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.rack-vital .ui-progress{grid-column:1/-1;height:3px}.rack-vital.is-danger>strong{color:var(--danger-bright)}.rack-inventory-toolbar{border-bottom:1px solid rgb(from var(--color-white) r g b / .07);justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 14px;display:flex}.rack-inventory-toolbar>div{align-items:baseline;gap:5px;min-width:0;display:flex}.rack-inventory-toolbar span{color:var(--text-muted);font-size:9px}.rack-inventory-toolbar strong{font-size:10px;font-weight:650}.rack-search{background:var(--surface-control);border:1px solid rgb(from var(--color-white) r g b / .11);border-radius:var(--radius-control);align-items:center;gap:7px;width:164px;height:30px;padding:0 9px;display:flex}.rack-search:focus-within{border-color:var(--primary)}.rack-search svg{width:13px;height:13px;color:var(--text-muted);flex:none}.rack-search input{min-width:0;height:28px;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:10px;line-height:28px}.rack-search input::placeholder{color:var(--text-muted)}.rack-device-header,.rack-device-row{grid-template-columns:38px minmax(0,1fr) 78px 52px;align-items:center;gap:10px;display:grid}.rack-device-header{color:var(--text-muted);text-transform:uppercase;background:var(--hardware-black);border-bottom:1px solid rgb(from var(--color-white) r g b / .08);padding:0 13px;font-size:9px;font-weight:690}.rack-device-list{scrollbar-color:var(--hardware-mid) transparent;scrollbar-width:thin;min-height:0;overflow-y:auto}.rack-device-row{border-bottom:1px solid rgb(from var(--color-white) r g b / .055);min-height:42px;transition:background var(--transition-fast);padding:5px 13px}.rack-device-row:hover{background:rgb(from var(--color-white) r g b / .025)}.rack-device-row.is-empty .rack-device-identity strong,.rack-device-row.is-empty .rack-device-status{color:var(--text-muted);font-weight:520}.rack-device-row.is-empty .rack-device-load{background:rgb(from var(--surface-control) r g b / .58)}.rack-unit{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:9px}.rack-device-identity{align-items:center;gap:8px;min-width:0;display:flex}.rack-device-indicator{background:var(--hardware-mid);border-radius:1px;flex:none;width:7px;height:7px}.rack-device-indicator.is-active,.rack-device-indicator.is-light{background:var(--success)}.rack-device-indicator.is-warning{background:var(--warning)}.rack-device-identity>div{min-width:0}.rack-device-identity strong,.rack-device-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.rack-device-identity strong{color:var(--text-primary);font-size:10px;font-weight:640}.rack-device-identity span{color:var(--text-muted);margin-top:1px;font-size:8px}.rack-device-load{background:var(--surface-control);border-radius:1px;height:4px;overflow:hidden}.rack-device-load span{background:var(--info);height:100%;display:block}.rack-device-status{color:var(--text-muted);text-align:right;font-size:9px}.rack-device-status.is-active{color:var(--success-bright)}.rack-device-status.is-warning{color:var(--warning-bright)}.rack-diagnostics{background:rgb(from var(--surface-raised) r g b / .78);border-top:1px solid rgb(from var(--color-white) r g b / .09);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.rack-diagnostics>div{border-right:1px solid rgb(from var(--color-white) r g b / .07);flex-direction:column;justify-content:center;padding-left:12px;display:flex}.rack-diagnostics>div:last-child{border-right:0}.rack-diagnostics span{color:var(--text-muted);font-size:8px}.rack-diagnostics strong{margin-top:2px;font-size:12px;font-weight:650}.rack-diagnostics .is-warning strong{color:var(--warning-bright)}.rack-detail-panel{padding:18px;overflow-y:auto}.rack-section-heading{justify-content:space-between;align-items:end;gap:14px;margin-bottom:16px;display:flex}.rack-section-heading>div>span,.rack-detail-card header>div span{color:var(--text-muted);font-size:9px}.rack-section-heading h2{letter-spacing:-.025em;margin:3px 0 0;font-size:19px;font-weight:650}.rack-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.rack-kpi-grid article,.rack-detail-card,.rack-power-hero,.rack-neatness-score,.rack-score-bars{background:var(--surface-raised);border:1px solid rgb(from var(--color-white) r g b / .08);border-radius:var(--radius-surface)}.rack-kpi-grid article{flex-direction:column;justify-content:center;min-height:86px;padding:14px;display:flex}.rack-kpi-grid span,.rack-kpi-grid small{color:var(--text-muted);font-size:9px}.rack-kpi-grid strong{margin:3px 0;font-size:22px;font-weight:620}.rack-detail-card{margin-top:12px;overflow:hidden}.rack-detail-card>header{border-bottom:1px solid rgb(from var(--color-white) r g b / .07);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:9px 13px;display:flex}.rack-detail-card header strong{margin-top:2px;font-size:11px;font-weight:650;display:block}.rack-path{border-bottom:1px solid rgb(from var(--color-white) r g b / .055);grid-template-columns:5px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:9px 12px;display:grid}.rack-path:last-child{border-bottom:0}.rack-path>i{background:var(--info);border-radius:2px;width:5px;height:32px}.rack-path>i.is-primary{background:var(--primary)}.rack-path strong,.rack-path span{display:block}.rack-path strong{font-size:10px;font-weight:640}.rack-path span{color:var(--text-muted);margin-top:2px;font-size:9px}.rack-issue-list,.rack-action-list{margin:0;padding:0;list-style:none}.rack-issue-list li{border-bottom:1px solid rgb(from var(--color-white) r g b / .055);justify-content:space-between;align-items:center;gap:14px;min-height:44px;padding:0 13px;display:flex}.rack-issue-list li:last-child{border-bottom:0}.rack-issue-list span{color:var(--text-secondary);font-size:9px}.rack-issue-list strong{color:var(--text-primary);text-align:right;font-size:9px;font-weight:630}.rack-power-hero{grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:14px;min-height:142px;padding:18px;display:grid}.rack-power-hero>div:first-child>span{color:var(--text-muted);font-size:9px}.rack-power-hero>div:first-child>strong{margin-top:4px;font-size:28px;font-weight:610;display:block}.rack-power-hero small{color:var(--text-muted);font-size:11px}.rack-power-hero p,.rack-neatness-score p,.rack-action-list p{color:var(--text-muted);margin:4px 0 0;font-size:9px;line-height:1.5}.rack-power-ring{text-align:center;background:radial-gradient(circle, var(--surface-raised) 58%, transparent 60%), conic-gradient(var(--warning) 77%, var(--surface-control) 0);border-radius:50%;place-content:center;width:92px;height:92px;display:grid}.rack-power-ring strong{font-size:19px;font-weight:650}.rack-power-ring span{color:var(--text-muted);font-size:8px}.rack-meter{border-bottom:1px solid rgb(from var(--color-white) r g b / .055);padding:11px 13px}.rack-meter:last-child{border-bottom:0}.rack-meter>div:first-child{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:9px;display:flex}.rack-meter strong{color:var(--text-primary);font-weight:640}.rack-neatness-score{border-color:rgb(from var(--danger) r g b / .35);min-height:120px;padding:18px;position:relative;overflow:hidden}.rack-neatness-score:after{content:"";background:radial-gradient(circle, rgb(from var(--danger) r g b / .2), transparent 68%);width:130px;height:130px;position:absolute;bottom:-42px;right:-18px}.rack-neatness-score strong{color:var(--danger-bright);font-size:34px;font-weight:600}.rack-neatness-score>span{color:var(--text-muted);font-size:11px}.rack-neatness-score p{max-width:270px}.rack-score-bars{margin-top:12px;padding:9px 13px}.rack-score-bars>div{grid-template-columns:66px minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:34px;display:grid}.rack-score-bars span,.rack-score-bars strong{font-size:9px}.rack-score-bars span{color:var(--text-secondary)}.rack-score-bars strong{text-align:right}.rack-action-list li{border-bottom:1px solid rgb(from var(--color-white) r g b / .055);grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:9px 13px;display:grid}.rack-action-list li:last-child{border-bottom:0}.rack-action-list li>span{width:26px;height:26px;color:var(--primary-bright);background:rgb(from var(--primary) r g b / .14);border:1px solid rgb(from var(--primary) r g b / .28);border-radius:var(--radius-control);place-items:center;font-size:9px;display:grid}.rack-action-list strong{font-size:10px;font-weight:640}.rack-overlay .ui-progress.is-danger span{background:var(--danger)}.rack-overlay .ui-progress.is-info span{background:var(--info)}