:root{font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;color:#d5e6f8;background:#05111b;font-synthesis:none;font-size:12px;--bg: #06131e;--panel: #061722ed;--border: #284251;--subtle: #7892a7;--blue: #009eff;--green: #1ee77b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:#081c2b;border:1px solid #284655;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{border-color:#118ee0;background:#0a3151}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #42baff;outline-offset:2px}button.active{background:#0058af;border-color:#139aff;color:#fff;box-shadow:inset 0 0 15px #0872ce55}button svg{flex-shrink:0}button:disabled{opacity:.4;cursor:default}.green{color:#25eb83!important}.blue{color:#299eff!important}.coral{color:#ff735e!important}.warning{color:#ffb744!important}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#21e887;box-shadow:0 0 8px #21e88766;flex-shrink:0}.topbar{height:58px;display:flex;align-items:center;gap:18px;padding:0 17px;background:#03111cf5;border-bottom:1px solid #274756;position:relative;z-index:60;white-space:nowrap}.brand{display:flex;align-items:center;gap:9px;color:#f1f6ff;text-decoration:none;font-size:25px;letter-spacing:-.5px}.brand svg{color:#0af}.brand strong{font-weight:600}.brand span{font-size:19px;margin-left:4px;letter-spacing:1px}.topbar nav{display:flex;align-items:center;gap:3px;margin-left:auto;align-self:stretch}.topbar nav button{border-color:transparent;background:transparent;padding:0 14px;margin:6px 0;border-radius:5px;font-size:12px;position:relative}.topbar nav button.active{background:#004f9d;border-color:#137bc1;box-shadow:inset 0 0 12px #197cff44}.nav-dot{width:4px;height:4px;border-radius:50%;background:#ff8a48;position:absolute;right:5px;top:6px}.search{width:218px;min-width:130px;height:35px;border:1px solid #284b62;border-radius:5px;display:flex;align-items:center;gap:8px;padding:0 10px;position:relative;color:#9fc3df}.search input{color:#c5dff4;background:none;border:0;outline:0;width:100%;font-size:11px}.search input::placeholder{color:#64819b}.search-results{position:absolute;top:42px;left:0;right:0;background:#071a29;border:1px solid #31546c;box-shadow:0 12px 30px #0009;padding:5px;border-radius:5px;z-index:100}.search-results button{display:flex;text-align:left;width:100%;background:none;border:0;padding:10px;justify-content:flex-start}.search-results button>svg:last-child{margin-left:auto}.search-results small{display:block;font-size:9px;color:#7d9ab2;margin-top:3px}.search-results p{padding:8px;font-size:11px;color:#8ca5ba}.profile{display:flex;align-items:center;gap:8px;font-size:12px}.avatar{width:28px;height:28px;border-radius:50%;background:#214d68;color:#addef6;display:grid;place-items:center;font-weight:600}.main{height:calc(100dvh - 58px);position:relative;overflow:hidden;display:flex}.room-stage{position:relative;flex:1;min-width:0;height:100%;background:#06121c}.room-stage>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0}.scene-caption{position:absolute;left:204px;top:17px;display:flex;gap:7px;align-items:center;color:#85a1b4;font-size:9px;letter-spacing:1.1px;pointer-events:none}.scene-caption i{height:10px;width:1px;background:#3d5361;margin:0 3px}.scene-caption b{font-size:9px;font-weight:400;color:#a6b5c0;border:1px solid #395063;padding:2px 5px;letter-spacing:0}.floor-nav{position:absolute;left:3px;top:7px;width:179px;background:#041520ed;border:1px solid #2b4a5e;border-radius:5px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30}.floor-nav h2{font-size:13px;font-weight:600;margin:0;padding:11px 12px;display:flex;align-items:center;gap:7px}.floor-nav .zone{width:calc(100% - 8px);margin:0 4px;padding:10px 7px;justify-content:flex-start;font-size:12px}.zone small{margin-left:auto;font-size:9px;opacity:.6}.row-nav{padding:5px 6px 6px}.row-nav button{width:100%;background:none;justify-content:flex-start;border-color:transparent;padding:8px 7px;gap:10px;font-size:11px}.row-nav button small{margin-left:auto;color:#66889e;font-size:9px}.row-nav button.selected{border-color:#126eac;background:#092c46}.nav-summary{border-top:1px solid #183447;padding:9px 10px;font-size:10px;color:#819dae;display:flex;align-items:center;gap:5px}.nav-summary button{background:none;border:0;margin-left:auto;padding:2px;font-size:10px}.selected-tag{font-size:14px;background:#0377de;color:#fff;padding:6px 17px;border:1px solid #38b6ff;border-radius:5px;white-space:nowrap;box-shadow:0 0 18px #0086ff88;pointer-events:none}.row-label{background:#16394fe8;border:1px solid #355d73;color:#e8f3ff;font-size:10px;padding:4px 8px;border-radius:3px;white-space:nowrap;pointer-events:none}.switch-label{pointer-events:auto}.infrastructure-label{font-size:10px;padding:6px 8px;background:#0c283be8}.compass{position:absolute;left:26px;bottom:235px;width:64px;height:64px;display:grid;place-items:center;border:1px solid #345b70;border-radius:50%;background:#071b2ce8;color:#5485ae}.compass span{position:absolute;top:5px;font-size:9px;color:#d9edff}.view-toggle{position:absolute;left:19px;bottom:194px;display:flex}.view-toggle button{border-radius:0;width:45px;height:31px;font-size:12px}.view-toggle button:first-child{border-radius:4px 0 0 4px}.view-toggle button:last-child{border-radius:0 4px 4px 0}.minimap{position:absolute;left:14px;bottom:16px;width:189px;padding:11px 12px;background:#051622ed;border:1px solid #2b4a5e;border-radius:5px}.minimap h3{font-weight:500;font-size:11px;margin:0 0 9px}.minimap h3 span{font-size:9px;float:right;color:#6d8aa0}.mini-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.mini-grid button{aspect-ratio:1/.73;padding:0;background:#0f375a;border:1px solid #4a84ad;border-radius:1px;min-width:0}.mini-grid button.selected{background:#06a8ff;border-color:#6bd9ff;box-shadow:0 0 6px #0af}.mini-grid button.alarm{border-color:#da9a48}.mini-legend{display:flex;justify-content:space-between;color:#7896ad;margin-top:8px;font-size:8px}.mini-legend span{display:flex;align-items:center;gap:3px}.mini-legend i{width:4px;height:4px;background:#4686b5}.mini-legend span:nth-child(2) i{background:#00baff}.mini-legend span:nth-child(3) i{background:#daa14e}.room-toolbar{position:absolute;left:54%;transform:translate(-50%);bottom:17px;display:flex;align-items:center;background:#051522eb;border:1px solid #315269;border-radius:6px;height:45px;white-space:nowrap}.room-toolbar>button{height:100%;background:none;border:0;border-radius:0;border-right:1px solid #213d50;padding:0 13px;font-size:11px}.room-toolbar>button.active{color:#55bfff;box-shadow:none}.room-toolbar>span{display:flex;align-items:center;gap:6px;padding:0 9px;font-size:10px}.room-toolbar select{background:#061a29;border:1px solid #28495f;border-radius:3px;color:#ddefff;padding:5px 6px;width:58px}.scene-footnote{position:absolute;right:14px;bottom:74px;font-size:9px;color:#94a9b6;pointer-events:none}.inspector{width:44%;min-width:610px;background:#04131ff7;border-left:1px solid #284c62;display:flex;flex-direction:column;padding:0 9px 5px;position:relative;z-index:35}.inspector-heading{height:51px;display:flex;align-items:center;gap:13px;padding:0 4px;flex-shrink:0}.inspector-heading h1{font-size:20px;font-weight:600;color:#f0f5ff;position:relative;padding-left:10px;white-space:nowrap;margin:0}.inspector-heading h1:before{content:"";height:17px;width:2px;background:#00a8ff;position:absolute;left:0;top:5px}.status{font-size:10px;display:inline-flex;align-items:center;gap:6px;border-radius:4px;padding:5px 8px;white-space:nowrap;background:#06392e;color:#29ed89}.status i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.status.warning{background:#3a2a0d}.status.fault{background:#3e1825;color:#ff6969}.status.unknown{background:#233745;color:#9faebb}.inspector-heading small{font-size:10px;color:#94adc3;white-space:nowrap}.inspector-heading>button{margin-left:auto;padding:7px;background:none}.tabs{display:flex;gap:2px;padding:0 6px 7px;border-bottom:1px solid #1a3549;flex-shrink:0}.tabs button{flex:1;padding:10px 4px;font-size:11px;border-color:#173548;background:#051925;border-radius:4px;white-space:nowrap}.tabs button.active{background:#0063d1;border-color:#078cfa;box-shadow:inset 0 0 15px #1779fa77}.rack-overview{flex:1;min-height:0;display:grid;grid-template-columns:56% 44%;gap:0;padding-top:6px}.rack-view{position:relative;min-height:0;border:1px solid #274654;border-radius:5px;background:#081724;overflow:hidden}.rack-view>div:not(.rack-view-label):not(.unit-labels):not(.rotate-hint){position:absolute!important;top:0;right:0;bottom:0;left:0}.rack-view-label{position:absolute;left:12px;top:13px;color:#9bbbd1;font-size:8px;display:flex;align-items:center;gap:5px;letter-spacing:1px;z-index:3;pointer-events:none}.rack-view-label small{display:none}.unit-labels{position:absolute;left:8px;top:16%;bottom:15%;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;width:67px}.unit-labels button{pointer-events:auto;display:block;text-align:left;border:1px solid #163e54;background:#082439e6;border-radius:3px;padding:5px 6px;position:relative;min-height:32px}.unit-labels button:after{content:"";position:absolute;right:-23px;top:50%;width:23px;height:1px;background:#ad9b33}.unit-labels button.selected{border-color:#01a9ff;background:#08406b}.unit-labels b{font-weight:400;font-size:10px;display:block;white-space:nowrap}.unit-labels small{font-size:9px}.unit-labels span{font-size:8px;display:flex;align-items:center;gap:4px;margin-top:3px}.unit-labels span i{width:5px;height:5px;background:currentColor;border-radius:50%}.rotate-hint{position:absolute;bottom:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:#6ca6cf;font-size:10px;pointer-events:none}.rack-meta{min-width:0;display:flex;flex-direction:column;padding-left:6px;gap:6px}.panel{border:1px solid #203f53;border-radius:5px;background:#051722b8}.panel h3,.network-panel h3{font-weight:500;font-size:11px;color:#e6f0fc;margin:0;padding:9px 8px;position:relative}.panel h3:before{content:"";position:absolute;left:2px;top:11px;height:11px;width:2px;background:#079fe0}.info-panel{display:flex;flex-direction:column;flex:1;min-height:0}.info-panel dl{padding:0 10px;margin:0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.info-panel dl>div{display:flex;align-items:center;border-bottom:1px solid #142d3e;padding:6px 1px;gap:8px;min-width:0;flex:1;max-height:31px}.info-panel dt{display:flex;gap:6px;align-items:center;color:#9fb8cf;font-size:10px;white-space:nowrap;flex:1}.info-panel dd{margin:0;font-size:10px;text-align:left;min-width:88px;white-space:nowrap;color:#e1ecf9}.door-controls{display:flex;gap:4px;padding:8px 7px;flex-shrink:0}.door-controls button{flex:1;font-size:9px;padding:8px 3px;gap:3px;white-space:nowrap;background:#081d2f}.door-controls button:last-child{background:#0050a5;border-color:#0075d8}.environmental{flex-shrink:0}.metric-row{display:flex;gap:7px;padding:0 8px 10px}.metric{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;padding:11px 5px;background:#0a2132;border:1px solid #102d40;border-radius:5px;min-width:0}.metric strong{font-size:17px;color:#f1f5fc;font-weight:500;white-space:nowrap}.metric strong small{font-size:13px;font-weight:400}.metric>span{font-size:8px;color:#a3bace;white-space:nowrap}.device-table{margin-top:6px;flex-shrink:0;overflow:hidden}.device-table h3{padding:7px 8px}.device-table h3 span{font-size:10px}.device-table h3 small{float:right;color:#526f86;font-size:8px;font-weight:400}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:9px;white-space:nowrap;text-align:left}th{font-weight:400;color:#80a1bd;background:#0b2536;padding:5px 7px}td{border-bottom:1px solid #142d3e;padding:4px 7px;line-height:1.1;color:#b8d1e6}tbody tr{cursor:pointer}tbody tr:hover,tbody tr.selected{background:#0b3551}td button{padding:0 5px;font-size:10px;border-radius:3px;height:14px;line-height:10px;background:#071a29}.table-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:4px}.inspector-bottom{padding:6px 2px 0;display:flex;gap:5px;align-items:center;font-size:8px;color:#5e8097;flex-shrink:0}.inspector-bottom>span:last-child{margin-left:auto}.tab-page{padding:18px 10px;overflow-y:auto;flex:1;min-height:0}.tab-page h2{font-size:17px;font-weight:500;margin:0 0 20px;color:#e5f0ff}.page-title{display:flex;align-items:baseline;justify-content:space-between}.page-title>span{color:#7896ad;font-size:10px}.tab-page .device-table table{font-size:10px}.tab-page .device-table td{padding:11px 8px}.muted{font-size:10px;color:#6f8da4;line-height:1.8}.monitor-metrics{display:flex;gap:10px;margin-bottom:20px}.monitor-metrics .metric{padding:20px}.monitor-metrics .metric strong{font-size:23px}.monitor-list{padding:0 10px 12px}.monitor-list button{display:flex;width:100%;padding:10px 5px;background:none;border:0;gap:12px;font-size:10px}.monitor-list button>span{color:#8aa7be}.monitor-list button b{font-weight:400;width:32px}.usage-bar{height:5px;flex:1;background:#102c40;border-radius:3px;overflow:hidden}.usage-bar i{display:block;height:100%;background:#009fe5;border-radius:3px}.monitor-list button small{color:#809aab}.alert-box{display:flex;gap:12px;padding:18px 10px;color:#b7c6d4;font-size:12px;border:1px solid #315065;border-radius:5px;margin-top:18px}.alert-box svg{color:#ffb744}.alert-box small{display:block;font-size:10px;color:#6a8aa2;margin-top:8px}.environment-details{padding:8px 15px}.environment-details p{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #173245;font-size:12px}.environment-details p span{color:#819fb7}.environment-details b{font-weight:400}.network-dialog,.device-dialog{position:absolute;z-index:55;right:18px;top:19px;width:560px;background:#061927f5;border:1px solid #35708f;box-shadow:0 20px 60px #000a;border-radius:7px;padding:17px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);max-height:calc(100% - 38px);overflow:auto}.device-dialog{top:auto;bottom:25px;width:365px;border-color:#1c719d}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dialog-heading h2{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;margin:0;color:#e8f2ff}.dialog-heading button{padding:4px;background:none;border-color:transparent}.device-dialog>p{font-size:10px;color:#8bacc3;display:flex;align-items:center;justify-content:space-between}.device-dialog .status{font-size:8px;padding:4px}.device-metrics{display:flex;gap:6px;margin:15px 0}.device-metrics .metric{padding:10px}.device-metrics .metric strong{font-size:18px}.device-dialog dl>div{display:flex;justify-content:space-between;font-size:11px;padding:9px 0;border-bottom:1px solid #163344}.device-dialog dt{color:#86a6be}.device-dialog dd{margin:0}.device-dialog>small{display:block;margin-top:15px;font-size:9px}.switch-summary{display:flex;align-items:center;gap:12px;padding:20px 10px;background:#09273c;border:1px solid #225270;border-radius:5px;margin:15px 0;color:#39a9ef}.switch-summary strong{font-size:17px;color:#dbecfa;display:block}.switch-summary small{font-size:10px;color:#7b9eb7;display:block;margin-top:6px}.switch-summary .status{margin-left:auto}.network-panel h3{padding:12px 0}.network-panel h3>span{float:right;font-size:10px;color:#7899b2}.ports{display:grid;grid-template-columns:repeat(12,1fr);gap:5px;padding:12px;border:1px solid #1b3c52;border-radius:5px}.ports span{display:grid;place-items:center;font-size:9px;background:#132c3d;color:#57738a;border:1px solid #2b465a;border-radius:2px;height:23px}.ports span.up{color:#42d895;border-color:#2b7764;background:#06372e}.connected-racks{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.connected-racks button{display:flex;flex-direction:column;gap:7px;padding:13px 3px;background:#08273b;border-color:#1b4a66}.connected-racks b{font-size:12px;font-weight:500}.connected-racks span{font-size:8px}.operation-log p{display:flex;align-items:center;gap:10px;border-bottom:1px solid #163043;padding:12px 0;font-size:11px}.operation-log svg{color:#27d68e}.operation-log small{margin-left:auto;color:#617e93}.toast{position:absolute;left:50%;bottom:40px;padding:12px 20px;background:#0c2f45;border:1px solid #3c7699;border-radius:5px;z-index:100}.scene-error{color:#a4c4db;padding:50px 20px;line-height:2}@media(min-height:1000px){.info-panel dl>div{max-height:36px;padding:8px 1px}.metric{padding:15px 5px}td{padding:5px 7px}.device-table h3{padding:9px 8px}.rack-view-label{top:16px}}@media(max-width:1450px){.topbar{gap:13px;padding:0 12px}.brand{font-size:23px}.brand span{font-size:17px}.brand svg{width:32px}.topbar nav button{padding:0 9px;font-size:11px}.topbar nav{gap:1px}.search{width:180px}.inspector{width:46%;min-width:580px}.floor-nav{width:163px}.scene-caption{left:185px}.room-toolbar{left:auto;right:10px;transform:none}.room-toolbar>button{padding:0 9px;font-size:10px}.room-toolbar>span{padding:0 6px}.info-panel dl{padding:0 8px}.info-panel dd{min-width:83px;font-size:9px}.info-panel dt{font-size:9px;gap:4px}.door-controls{gap:2px;padding:7px 4px}.door-controls button{font-size:8px;padding:7px 2px}.door-controls svg{width:11px}.unit-labels{width:59px}.unit-labels button{padding:4px}.unit-labels b{font-size:9px}.unit-labels small{font-size:8px}}@media(max-width:1200px){.topbar nav button{padding:0 8px}.topbar nav button span{display:none}.topbar nav svg{width:18px}.topbar nav button.active span{display:inline}.topbar nav{margin-left:auto}.search{width:200px}.inspector{min-width:550px;width:49%}.floor-nav{width:145px}.scene-caption{display:none}.room-toolbar{height:38px;bottom:15px}.room-toolbar button{padding:0 8px;gap:4px}.room-toolbar button svg{width:15px}.room-toolbar>span{display:none}.minimap{width:155px;bottom:65px;left:9px}.compass{display:none}.view-toggle{bottom:230px;left:10px}.row-nav button{padding:7px 4px}.floor-nav .zone{font-size:11px}.inspector-heading small{display:none}.rack-overview{grid-template-columns:53% 47%}.unit-labels{left:5px;width:52px}.unit-labels button:after{width:12px;right:-12px}.metric-row{gap:4px;padding:0 5px 6px}.metric{gap:5px}.metric strong{font-size:15px}.metric strong small{font-size:10px}.metric>span{font-size:7px}.metric svg{width:23px}.scene-footnote{display:none}}@media(max-width:850px){.topbar{height:56px;gap:10px}.brand span{display:none}.brand{font-size:22px}.search{width:180px}.topbar nav button{padding:0 8px}.topbar nav button.active span{display:none}.topbar nav button:nth-child(n+5){display:none}.main{height:calc(100dvh - 56px)}.main.with-inspector{display:block;overflow-y:auto}.room-stage{height:100%;min-height:450px}.with-inspector .room-stage{height:60vh;min-height:430px}.inspector{width:100%;min-width:0;min-height:900px;height:950px;border-top:1px solid #284c62;border-left:0}.floor-nav{width:145px}.row-nav button{padding:5px 4px;font-size:10px}.floor-nav h2{padding:8px 10px;font-size:11px}.nav-summary{font-size:9px;padding:7px}.minimap{width:120px;padding:8px;bottom:12px}.mini-grid{gap:2px}.minimap h3{font-size:9px}.minimap h3 span,.mini-legend{display:none}.view-toggle{bottom:135px}.room-toolbar{bottom:12px;right:10px}.room-toolbar button{font-size:9px;padding:0 7px}.room-toolbar button svg{width:13px}.network-dialog{position:fixed;top:75px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 100px)}.device-dialog{position:fixed;bottom:12px;right:12px;width:340px}.rack-overview{grid-template-columns:55% 45%}.info-panel dl>div{max-height:35px}.info-panel dt,.info-panel dd{font-size:10px}.unit-labels{width:67px;left:8px}.unit-labels b{font-size:10px}.unit-labels button{padding:5px}.unit-labels button:after{width:19px;right:-19px}.door-controls button{font-size:9px}.inspector-heading small{display:block}.metric-row{padding:0 8px 10px}.metric strong{font-size:18px}.metric>span{font-size:8px}.profile{display:none}}@media(max-width:550px){.topbar nav{display:none}.search{margin-left:auto;min-width:0;width:170px}.brand{font-size:21px;gap:5px}.brand svg{width:28px}.floor-nav{width:125px}.floor-nav h2 svg{display:none}.row-nav button{padding:5px 2px;gap:4px}.row-nav button small{font-size:8px}.floor-nav .zone{font-size:10px;padding:7px 4px}.zone small{display:none}.room-toolbar button{padding:0 6px;gap:3px}.room-toolbar button svg{width:12px}.room-toolbar{height:33px}.room-toolbar button:nth-child(2){display:none}.minimap{width:100px}.inspector{height:auto;min-height:0;overflow:visible}.inspector-heading{gap:7px}.inspector-heading h1{font-size:18px}.inspector-heading small{display:none}.tabs button{font-size:9px;padding:9px 2px}.rack-overview{display:flex;flex-direction:column}.rack-view{height:510px;flex-shrink:0}.rack-meta{padding:7px 0;gap:7px}.info-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.info-panel dt,.info-panel dd{font-size:9px}.info-panel dd{min-width:65px}.info-panel dl>div{padding:8px 0}.info-panel dl>div:last-child{grid-column:span 2}.rack-meta .metric-row{padding:4px 10px 12px}.door-controls button{padding:10px;font-size:11px}.unit-labels{left:12px;width:72px}.device-table{margin-top:0}.device-table table{font-size:8px;min-width:500px}.device-table h3 small{display:none}.inspector-bottom{padding:9px 2px}.device-dialog{right:8px;left:8px;width:auto}.device-dialog .metric{padding:10px}.device-dialog dl>div{font-size:10px}.table-scroll{overscroll-behavior:contain}.unit-labels button:after{width:40px;right:-40px}.connected-racks{grid-template-columns:repeat(5,1fr)}.connected-racks span{font-size:7px}.monitor-metrics .metric{padding:14px 4px}.tab-page{min-height:400px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(min-width:1451px){.info-panel dt,.info-panel dd{font-size:11px}.info-panel dd{min-width:112px}.panel h3,.network-panel h3{font-size:12px}.unit-labels{width:76px}.unit-labels b{font-size:11px}.unit-labels span{font-size:9px}.door-controls button,.device-table table{font-size:10px}.inspector-heading small{font-size:11px}.tabs button{font-size:12px}.metric strong{font-size:19px}.metric>span{font-size:9px}}.demo-scenarios{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:10px}.demo-scenarios>span{color:#7c9bb3;margin-right:auto}.demo-scenarios button{padding:7px 9px;font-size:10px}.rack-overview{grid-template-rows:minmax(0,1fr)}.rack-meta{min-height:0}.info-panel h3{flex-shrink:0}.info-panel dl{min-height:0}.info-panel dl>div{min-height:0;padding:4px 1px;line-height:1.35}.environmental .metric{padding:10px 4px}.topbar nav button{height:44px;margin:0}.device-table td{padding:4px 7px}.unit-labels{top:0;bottom:0;display:block}.unit-labels button{position:absolute;left:0;width:100%;transform:translateY(-50%)}@media(min-width:1451px){.brand{min-width:275px;font-size:26px}.brand span{font-size:20px}.topbar nav{flex:1;margin-left:0;justify-content:space-between}.topbar nav button{padding:0 10px}.search{flex-shrink:0}}@media(min-width:1100px){.tabs button{font-size:13px}.panel h3,.network-panel h3{font-size:14px}.info-panel dt,.info-panel dd{font-size:13px}.door-controls button{font-size:10px}.unit-labels b{font-size:12px}.unit-labels span{font-size:10px}.unit-labels{width:73px}table{font-size:10.5px}td{padding:4px 6px}.metric>span{font-size:10px}.metric strong{font-size:23px}.metric strong small{font-size:16px}}.rack-rotation-cues{position:absolute;bottom:24px;left:16%;right:3%;display:flex;justify-content:space-between;pointer-events:none;color:#5482af;opacity:.8}.rack-rotation-cues svg{width:45px;height:45px;stroke-width:1.5;transform:scaleY(.55)}.rack-view>.rack-rotation-cues{inset:auto 3% 24px 16%!important}.demo-label{border:1px solid #23404f;border-radius:3px;padding:3px 5px;font-size:9px;color:#8299aa;white-space:nowrap}@media(min-width:1100px){.inspector{padding-bottom:12px}.tabs button{padding:8px 4px}.device-table td{padding-top:3px;padding-bottom:3px}.device-table th{padding-top:4px;padding-bottom:4px}}@media(max-width:550px){.inspector-heading{gap:8px}.demo-label{font-size:8px}}.ports span.warning{color:#ffc45d;border-color:#b67c27;background:#4a320c}.ports span.down{color:#ff8590;border-color:#b44256;background:#431927}.ports span.unknown{color:#b4c0ca;border-color:#687c8d;background:#273641}.fault{color:#ff7683!important}.unknown{color:#a0b2c1!important}@media(min-width:1451px){.minimap{width:210px}.mini-grid button{aspect-ratio:1/.45}.with-inspector .room-toolbar{left:66%}.room-toolbar>button{padding:0 18px;font-size:12px}.room-toolbar>span{font-size:11px}.room-toolbar select{width:75px}}