:root{font-family:IBM Plex Sans,Microsoft YaHei,sans-serif;color:#d8e8f2;background:#071322;font-synthesis:none;font-size:12px;--muted:#7891a5;--teal:#51dcce;--border:#223b4e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button,select{color:inherit}button{border:0;background:none}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #54dfcc;outline-offset:3px}button:hover{color:#78f6e2}button:disabled{cursor:not-allowed;opacity:.4}button svg{flex-shrink:0}button{transition:background .2s,color .2s,border-color .2s}h1,h2,h3,p{margin:0}button[hidden]{display:none}.app-shell{min-height:100vh;background:radial-gradient(ellipse at 65% 0%,#11273a 0,#091725 47%,#071322)}.header{height:84px;border-bottom:1px solid #233d50;display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 21px;position:relative;background:#091726}.header:after{content:"";position:absolute;bottom:-1px;left:37%;right:30%;height:2px;background:linear-gradient(90deg,transparent,#62aaaf,transparent)}.brand{display:flex;align-items:center;gap:11px;min-width:230px}.brand-symbol{width:42px;height:43px;border:1px solid #3d747e;border-radius:9px;display:grid;place-items:center;color:#70e6d6;background:#153340}.brand strong{font-size:20px;letter-spacing:2px;font-weight:600}.brand strong span{font-size:10px;color:#6ec7c0;letter-spacing:2.2px;margin-left:5px}.brand small{display:block;color:#819cac;font-size:10px;letter-spacing:2.1px;margin-top:6px}.header-title{text-align:center;margin-left:50px}.header-title>span{font-size:9px;letter-spacing:4px;color:#69869b}.header-title h1{font-size:23px;font-weight:500;letter-spacing:4px;margin-top:5px}.header-actions{display:flex;align-items:center;gap:17px}.clock{text-align:right;margin-right:7px}.clock strong{font-size:19px;letter-spacing:2px;font-weight:500}.clock small{display:block;font-size:10px;color:#768ea3;margin-top:4px}.clock small span{margin-left:8px}.icon-button{padding:5px;color:#88a5ba}.nav-rail{position:absolute;top:84px;left:0;bottom:0;width:87px;border-right:1px solid #1c3448;background:#091625;display:flex;flex-direction:column;align-items:center}.rail-top{color:#738b9e;font-size:10px;padding:27px 0 23px;letter-spacing:1px}.rail-dot{display:block;width:4px;height:4px;background:#5bd3c6;border-radius:100%;margin:0 auto 10px}nav{width:100%;display:flex;flex-direction:column;gap:10px}.nav-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:19px 0;color:#6f91a7;font-size:11px;letter-spacing:.5px}.nav-item.active{color:#66e6d4;background:linear-gradient(90deg,#1e6b6a44,transparent)}.nav-item.active i{position:absolute;left:0;top:17px;bottom:17px;width:3px;background:#5bddcd;border-radius:0 3px 3px 0}.rail-bottom{margin-top:auto;margin-bottom:22px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#658297;font-size:10px}.avatar{margin-top:27px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#183448;border:1px solid #345066;color:#bed7e4;font-size:10px}main{margin-left:87px;padding:0 24px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;height:48px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#7590a5;font-size:11px}.breadcrumb b{color:#bfdae7;font-weight:400}.data-source{display:flex;align-items:center;gap:7px;font-size:10px;color:#839aab;letter-spacing:.3px}.data-source i,.live i,.model-state i,.status-dot{display:inline-block;background:#57d8c1;width:5px;height:5px;border-radius:50%;box-shadow:0 0 6px #47d5bf55}.source-divider{height:10px;width:1px;background:#385065;margin:0 4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:19px}.metric{border:1px solid #233c50;background:linear-gradient(110deg,#132c3d88,#0d203388);height:107px;border-radius:4px;display:flex;align-items:center;padding:15px 21px;gap:17px}.metric-icon{height:44px;width:44px;border-radius:10px;background:#1b454e66;border:1px solid #2f606d55;display:grid;place-items:center;color:#62cccb}.metric:nth-child(2) .metric-icon{background:#21405866;color:#66aee7}.metric:nth-child(3) .metric-icon{background:#2b405866;color:#83aee0}.metric:nth-child(4) .metric-icon{background:#3c3c2e66;color:#dfc290}.metric-body>span{color:#93aebf;font-size:11px}.metric-body>div{margin-top:3px;display:flex;align-items:baseline;gap:8px}.metric-body strong{font-size:28px;font-weight:500;letter-spacing:1px}.metric-body small{color:#7f9aab;font-size:10px}.metric-body p{display:flex;align-items:center;gap:5px;font-size:9px;color:#7895a6;margin-top:5px}.metric-body p svg{color:#51cfae}.tiny-dot{height:3px;width:3px;background:#5ac0b7;border-radius:50%}.dashboard{display:grid;grid-template-columns:264px minmax(280px,1fr) 268px;gap:18px;min-height:610px;height:calc(100vh - 302px);max-height:980px}.left-panels,.right-panels{display:flex;flex-direction:column;gap:15px;min-width:0}.panel{border:1px solid #233b4e;background:#0c1e2ee6;border-radius:4px;padding:0 16px;position:relative}.panel:before{content:"";position:absolute;top:-1px;left:16px;width:26px;height:2px;background:#548fa0}.panel-title{height:47px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #1c3647;color:#6cc9ce}.panel-title h2{font-size:12px;color:#d4e6f0;font-weight:500;letter-spacing:.7px}.panel-extra{margin-left:auto;color:#628399;font-size:9px;white-space:nowrap}.live{display:flex;gap:5px;align-items:center;color:#69c5b2;font-size:9px}.overview-stat{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.overview-stat>div>span{font-size:10px;color:#85a0b2}.overview-stat strong{display:block;font-size:40px;line-height:1.45;font-weight:500;color:#76e4d3;letter-spacing:1px}.overview-stat strong small{font-size:11px;color:#79a1ac;margin-left:7px}.overview-stat p{font-size:9px;color:#87a6b3;display:flex;gap:5px;align-items:center}.score-orbit{height:83px;width:83px;border-radius:50%;border:1px solid #42798177;outline:5px solid #30506422;background:radial-gradient(circle,#27625b44,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#66d6c5;box-shadow:inset 0 0 20px #36626022}.score-orbit span{font-size:9px!important;color:#66d6c5!important}.small-stats{border-top:1px solid #21374a;display:flex;justify-content:space-between;padding:14px 0 15px}.small-stats>div{display:flex;flex-direction:column;gap:7px}.small-stats strong{font-size:17px;font-weight:500}.small-stats small{font-size:9px;color:#7593a8;margin-left:4px}.small-stats span{color:#7893a5;font-size:9px}.chart-legend{display:flex;gap:20px;padding-top:14px;color:#91adba;font-size:9px}.chart-legend span{display:flex;gap:4px;align-items:center}.chart-legend i{display:inline-block;background:#54cfc2;width:11px;height:2px}.chart-legend i.muted{background:#5488ae}.chart-trend{height:133px;width:100%}.trend-bottom{padding:8px 0 13px;display:flex;align-items:center;gap:8px;color:#81a0b2;font-size:9px}.trend-bottom strong{font-size:17px;color:#d8e8f2;font-weight:500;margin-left:auto}.trend-bottom small{font-size:9px;margin-left:4px;color:#88a7b7}.positive{color:#69c6ad;font-size:9px}.alarm-panel{flex:1}.warning-count{color:#dfa477;font-size:9px}.alert-summary{display:flex;gap:10px;align-items:center;padding:17px 0 14px}.alert-icon{background:#8c5f3a22;color:#e9ad73;border:1px solid #8c5f3a44;width:37px;height:37px;border-radius:8px;display:grid;place-items:center}.alert-summary strong{font-size:23px;font-weight:500;color:#edbe94}.alert-summary strong span{color:#9ab0bd;font-size:10px;margin-left:8px}.alert-summary small{display:block;font-size:8px;color:#6d8da2;margin-top:3px}.alert-tag{margin-left:auto;color:#d8a579;border:1px solid #835e3d77;background:#805b3a15;border-radius:3px;padding:4px 6px;font-size:8px}.alarm-row{width:100%;display:flex;align-items:center;gap:9px;border-top:1px solid #1b3446;padding:13px 0;text-align:left}.alarm-row>i{height:5px;width:5px;background:#f3a874;border-radius:50%}.alarm-row>i.yellow{background:#daca80}.alarm-row>i.blue{background:#66b2df}.alarm-row strong{font-weight:400;font-size:10px}.alarm-row small{display:block;font-size:8px;color:#7993a5;margin-top:6px}.alarm-row time{margin-left:auto;color:#668498;font-size:9px}.alarm-row>svg{color:#7693a7}.scene-section{position:relative;min-width:0;overflow:hidden;border:1px solid #233b4e;border-radius:5px;background:#081b2d}.scene-host{position:absolute;inset:0;touch-action:none}.scene-host canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.scene-host canvas:active{cursor:grabbing}.scene-top{position:absolute;left:20px;right:20px;top:19px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.eyebrow{color:#4f879f;font-size:8px;letter-spacing:2.2px}.scene-top h2{font-size:14px;letter-spacing:1px;margin-top:5px;font-weight:500}.mode-switch{pointer-events:auto;background:#0c2133e6;border:1px solid #315066;border-radius:5px;padding:3px;display:flex}.mode-switch button{display:flex;align-items:center;gap:5px;font-size:10px;padding:7px 9px;color:#85a8bd;border-radius:3px;white-space:nowrap}.mode-switch button.active{background:#28596588;color:#7be6d6}.scene-info{position:absolute;left:20px;top:84px;display:flex;flex-direction:column;gap:7px;font-size:8px;color:#5f839b;pointer-events:none}.model-state{color:#8bb3c4}.model-state i{height:4px;width:4px;margin-right:3px}.scene-controls{position:absolute;right:15px;top:91px;display:flex;flex-direction:column;padding:4px;border:1px solid #35526966;background:#0d2433dd;border-radius:4px;z-index:4}.scene-controls button{padding:8px;color:#8fb2c6;display:flex;border-radius:3px}.scene-controls button:hover,.scene-controls button.active{background:#29506188;color:#7fefdb}.control-divider{height:1px;background:#31516766;margin:4px}.layer-popover{position:absolute;z-index:5;right:64px;top:161px;width:148px;background:#102b3fec;border:1px solid #365a70;border-radius:5px;padding:13px;box-shadow:0 6px 20px #0004}.layer-popover strong{font-size:11px;font-weight:500}.layer-popover label{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:10px;color:#9cb8c8}.layer-popover input{accent-color:#5dd9c8;width:13px;height:13px}.compass{position:absolute;bottom:145px;right:22px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;color:#6d98af}.compass>span{font-size:10px;color:#b1cfda}.compass>div{width:37px;height:37px;border:1px solid #3a627666;border-radius:50%;display:grid;place-items:center;transform:rotate(-30deg);background:#122d4055}.compass small{font-size:8px;letter-spacing:1px}.building-selector{position:absolute;bottom:55px;left:18px;right:18px;display:flex;align-items:center;gap:13px;border:1px solid #315368aa;border-radius:5px;background:#0c2637e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 14px;z-index:3}.building-selector label{font-size:8px;color:#7395ab;display:flex;flex-direction:column;gap:5px}.building-selector label:first-child{flex:1}.building-selector select{appearance:auto;border:0;background:#122e42;color:#c4e1ed;font-size:10px;padding:4px 3px;max-width:100%;min-width:55px}.floor-action{padding:9px;color:#65d9c9;font-size:10px;border-left:1px solid #2f5061;display:flex;align-items:center;gap:5px;white-space:nowrap;margin-top:10px}.scene-bottom{position:absolute;left:20px;right:20px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:6px}.interaction-hint{display:flex;align-items:center;gap:6px;color:#7296ac;font-size:8px}.interaction-hint i{display:inline-block;height:2px;width:2px;background:#53788c;border-radius:50%;margin:0 5px;vertical-align:middle}.auto-button{color:#a2c1d0;font-size:10px;display:flex;align-items:center;gap:6px;background:#1a364966;border:1px solid #3b5b7066;padding:6px 9px;border-radius:3px;white-space:nowrap}.auto-button.active{color:#78e5d3;background:#27695c33;border-color:#3b877666}.scene-labels{position:absolute;inset:0;pointer-events:none}.building-label,.device-label{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;border:1px solid #376a84;background:#112e42d9;color:#a8c9db;font-size:10px;padding:6px 12px;white-space:nowrap;border-radius:3px;box-shadow:0 3px 12px #0003}.building-label:after,.device-label:after{content:"";width:1px;height:12px;background:#51859d;position:absolute;top:100%;left:50%}.building-label.selected{background:#175363dd;border-color:#52c7c6;color:#9bf4e5;box-shadow:0 0 13px #38c9c322}.device-label{font-size:10px;padding:6px 8px;color:#89e8d4;border-color:#398c81;background:#0a383adc}.device-label.warning{color:#f2bf93;background:#513a2be6;border-color:#a1734d}.status-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #1e3547}.status-row:last-child{border-bottom:0}.status-icon{width:34px;height:34px;border-radius:7px;border:1px solid #39678655;background:#24587b22;color:#66ace1;display:grid;place-items:center}.status-icon.cyan{color:#69d1c5;background:#29696822;border-color:#47847844}.status-icon.orange{color:#d5ad83;background:#7b5f3c22;border-color:#8b6e4d33}.status-icon.violet{color:#a4a5e0;background:#56548e22;border-color:#72679b33}.status-label strong{font-size:11px;font-weight:400}.status-label small{display:flex;align-items:center;gap:4px;color:#6f8da2;margin-top:6px;font-size:8px}.status-label small i{height:3px;width:3px;background:#caad74;border-radius:50%}.status-value{margin-left:auto;text-align:right}.status-value strong{font-size:20px;font-weight:500;color:#b5e0eb}.status-value small{display:block;color:#6b8a9f;font-size:8px;margin-top:4px}.online-badge{color:#74caba;font-size:8px}.online-bar{display:flex;align-items:center;gap:5px;padding:10px 0 13px;font-size:8px;color:#779bae}.online-bar i{width:6px;height:6px;border-radius:2px;background:#5dd6c6}.online-bar b{width:6px;height:6px;border-radius:2px;background:#a18b63;margin-left:auto}.energy-row{display:flex;align-items:center;padding:10px 0;gap:12px}.donut-wrap{height:121px;position:relative;width:121px;flex-shrink:0}.chart-donut{height:100%;width:100%}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;pointer-events:none}.donut-center strong{font-size:21px;font-weight:500}.donut-center span{font-size:7px;color:#7da0b0}.energy-legend{display:flex;flex-direction:column;gap:16px;flex:1;font-size:9px;color:#8babbc}.energy-legend span{display:flex;align-items:center;gap:4px}.energy-legend i{width:4px;height:4px;background:#53daca;border-radius:50%}.energy-legend span:nth-child(2) i{background:#459bf6}.energy-legend span:nth-child(3) i{background:#edbe76}.energy-legend b{font-size:10px;font-weight:400;margin-left:auto;color:#c6dce7}.energy-saving{display:flex;align-items:center;gap:6px;border-top:1px solid #21394a;padding:11px 0 13px;color:#67baa4;font-size:9px}.energy-saving strong{margin-left:auto;font-size:18px;font-weight:500}.energy-saving small{font-size:9px;margin-left:2px}.building-info{flex:1}.building-name{padding:15px 0 12px}.building-name strong{font-size:12px;font-weight:500;letter-spacing:.5px}.building-name span{display:block;font-size:7px;color:#55798f;letter-spacing:1.5px;margin-top:6px}.building-details{display:grid;grid-template-columns:1fr 1fr;gap:15px 24px}.building-details div{display:flex;justify-content:space-between;align-items:baseline}.building-details span{font-size:9px;color:#7b9bad}.building-details b{font-size:15px;font-weight:500;color:#bcd8e3}.building-details small{font-size:8px;color:#7498aa;margin-left:3px}.selected-badge{font-size:9px;border:1px solid #326270;border-radius:3px;padding:3px 7px;color:#69c7c5}.inspect-floor{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:15px;margin-bottom:14px;padding:9px 10px;border:1px solid #30566b;border-radius:3px;color:#75c8d0;background:#19405644;font-size:10px}.device-popup{position:absolute;top:39%;left:50%;transform:translate(-50%);width:min(285px,90%);border:1px solid #478198;background:#0d263aef;border-radius:5px;box-shadow:0 10px 40px #0007;z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:15px}.device-popup-title{display:flex;align-items:center;gap:8px;color:#8ddacf}.device-popup-title strong{font-size:12px;font-weight:500;color:#c9e5ee}.device-popup-title button{margin-left:auto;color:#829fb0}.device-status{display:inline-block;background:#285d5333;color:#6be0bb;border:1px solid #407f6b55;font-size:8px;padding:4px 7px;margin-top:14px;border-radius:3px}.device-status.warning{color:#edb38b;border-color:#805d3c;background:#6e493833}.device-popup dl{margin:13px 0}.device-popup dl div{display:flex;justify-content:space-between;margin:13px 0;font-size:9px;gap:10px}.device-popup dt{color:#7999ad;white-space:nowrap}.device-popup dd{margin:0;color:#c5dfea;text-align:right}.detail-note{border-top:1px solid #2c4b60;color:#698da4;font-size:8px;padding-top:10px}.scene-error{position:absolute;inset:90px 15px 140px;background:#10263bee;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;text-align:center;padding:25px;color:#8cbed0}.scene-error h3{font-size:15px;color:#d0e1eb}.scene-error p{font-size:11px;line-height:1.7}.scene-error button{border:1px solid #477484;border-radius:4px;padding:8px 15px;color:#8ee6dc}.scene-section:has(.scene-error) .scene-info{display:none}footer{display:flex;align-items:center;justify-content:space-between;height:41px;font-size:8px;color:#57788d;letter-spacing:.4px}footer>span:first-child{display:flex;align-items:center;gap:6px}footer .status-dot{width:4px;height:4px}.footer-divider{width:1px;height:8px;background:#335063;margin:0 7px}footer>span:last-child{letter-spacing:1px}footer i{display:inline-block;width:13px;height:1px;background:#335268;vertical-align:middle;margin:0 7px}.modal-backdrop{position:fixed;inset:0;background:#0008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:20px}.help-dialog{width:min(440px,100%);position:relative;padding:32px;background:#102639;border:1px solid #44667b;border-radius:12px;box-shadow:0 20px 80px #0007}.help-dialog>svg{color:#76dfcf;margin-bottom:18px}.help-dialog h2{font-size:21px;font-weight:500}.help-dialog p{font-size:11px;color:#8eacbd;line-height:1.9;margin-top:12px}.dialog-close{position:absolute;top:16px;right:15px;color:#8da8b9}.help-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:17px;margin:24px 0;padding:20px 0;border-top:1px solid #315066;border-bottom:1px solid #315066;font-size:11px}.help-grid span{color:#799cae}.help-grid b{font-weight:400;color:#cae1eb}.help-note{font-size:10px!important;color:#7899ae!important}.primary-button{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;background:#4ad5bf;color:#092e31;border-radius:5px;padding:12px;margin-top:23px}.primary-button:hover{color:#092e31;background:#7ae7d3}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%);background:#18374b;border:1px solid #4c788b;color:#d5e5ee;padding:15px 22px;border-radius:6px;z-index:30;font-size:12px;max-width:90%}@media(min-width:1650px){.dashboard{grid-template-columns:300px minmax(360px,1fr) 310px;gap:22px}.panel{padding:0 19px}.chart-trend{height:170px}.panel-title{height:53px}.overview-stat{padding:23px 0}.status-row,.energy-row{padding:18px 0}.alarm-row{padding:16px 0}.building-details{gap:20px 27px}.metric{height:115px}.dashboard{height:calc(100vh - 310px)}.building-name{padding:23px 0 20px}.energy-legend{font-size:10px}.donut-wrap{width:138px;height:138px}}@media(max-width:1240px){main{padding:0 15px;margin-left:75px}.nav-rail{width:75px}.dashboard{grid-template-columns:230px minmax(260px,1fr) 235px;gap:12px}.panel{padding:0 12px}.metric{padding:13px;gap:12px}.metric strong{font-size:25px}.metric-icon{width:37px;height:37px}.scene-top{left:15px;right:15px;align-items:flex-start;gap:15px}.mode-switch{flex-direction:column}.mode-switch button{padding:6px 9px}.scene-top h2{font-size:12px}.scene-info{top:80px;left:15px}.scene-controls{top:128px}.donut-wrap{width:104px;height:114px}.energy-row{gap:7px}.energy-legend{font-size:8px}.header-title{margin-left:0}.header-title h1{font-size:20px}.brand{min-width:190px}.header-actions{gap:9px}.building-selector{left:12px;right:12px;padding:9px;gap:7px}.building-selector select{font-size:9px}.floor-action{font-size:9px;padding:7px}.interaction-hint{font-size:7px}.interaction-hint span{max-width:125px;line-height:1.8}.small-stats strong{font-size:15px}.alert-summary{gap:8px}.alert-tag{font-size:7px;padding:3px}.alert-summary small{font-size:7px}.building-details{gap:15px 12px}.building-details b{font-size:13px}}@media(max-width:1050px){.dashboard{grid-template-columns:220px 1fr;height:auto;max-height:none}.scene-section{min-height:635px;grid-column:2;grid-row:1}.right-panels{grid-column:1/-1;flex-direction:row;margin-top:3px}.right-panels>.panel{flex:1;min-width:0}.left-panels{grid-column:1;grid-row:1}.header-title h1{font-size:18px;letter-spacing:2px}.header-title>span{font-size:7px;letter-spacing:2px}.brand strong{font-size:18px}.brand strong span{display:none}.brand{min-width:155px}.clock strong{font-size:16px}.metric-icon{display:none}.metric{height:99px;padding:15px 19px}.metrics{gap:10px}.metric-body strong{font-size:27px}.scene-top{align-items:center}.mode-switch{flex-direction:row}.scene-controls{top:91px}.interaction-hint span{max-width:none}.right-panels .panel-title{height:44px}.right-panels .building-details{grid-template-columns:1fr;gap:19px}.right-panels .building-info{padding-bottom:8px}.building-name{padding:18px 0}.status-row{padding:11px 0}.right-panels .energy-row{flex-direction:column;gap:14px;padding:16px 0}.right-panels .energy-legend{width:100%;gap:13px}.donut-wrap{width:120px;height:120px}.alarm-row{padding:13px 0}.energy-saving{margin-top:5px}}@media(max-width:760px){.header{height:72px;padding:0 15px}.header-title{display:none}.brand small{font-size:9px}.clock small{font-size:8px}.clock strong{font-size:16px}.header-actions{gap:6px}.header-actions .icon-button:first-of-type{display:none}.nav-rail{position:static;flex-direction:row;width:100%;height:61px;border-right:0;border-bottom:1px solid #263d50;padding:0 6px}.rail-top,.rail-bottom{display:none}nav{flex-direction:row;gap:0}.nav-item{flex-direction:row;justify-content:center;gap:7px;padding:18px 2px;font-size:10px}.nav-item svg{width:17px}.nav-item.active{background:#215a5133;border-radius:4px}.nav-item.active i{display:none}main{margin:0;padding:0 12px}.workspace-heading{height:42px}.data-source{font-size:8px;gap:4px}.data-source .source-divider,.data-source .source-divider+*{display:none}.metrics{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.metric{height:88px;padding:12px 14px;gap:10px}.metric-icon{display:grid;width:33px;height:33px}.metric-icon svg{width:17px}.metric-body strong{font-size:22px}.metric-body>span{font-size:9px}.metric-body p{font-size:7px}.metric-body small{font-size:8px}.dashboard{display:flex;flex-direction:column;gap:12px}.scene-section{order:-1;min-height:540px;flex-shrink:0}.scene-top{top:15px;left:13px;right:13px;gap:7px}.scene-top h2{font-size:12px}.eyebrow{font-size:7px;letter-spacing:1px}.mode-switch button{font-size:9px;gap:4px;padding:6px 7px}.mode-switch svg{width:11px}.scene-info{top:76px}.scene-controls{top:110px;right:10px}.scene-controls button{padding:7px}.building-selector{bottom:54px;left:10px;right:10px;gap:9px;padding:11px 9px}.building-selector select{font-size:9px;min-width:42px}.building-selector label:first-child{min-width:0}.floor-action{padding:7px 4px;font-size:9px;gap:2px}.scene-bottom{left:12px;right:12px}.interaction-hint{font-size:7px;gap:4px}.interaction-hint i{margin:0 3px}.auto-button{font-size:8px;padding:6px}.compass{right:17px;bottom:148px}.left-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px}.alarm-panel{grid-column:1/-1}.overview-stat{padding:18px 0;gap:10px}.overview-stat strong{font-size:32px}.score-orbit{width:52px;height:52px;outline-width:3px;gap:3px}.score-orbit svg{width:22px;height:22px}.score-orbit span{font-size:8px!important}.overview-stat>div>span{font-size:8px}.small-stats{flex-wrap:wrap;gap:13px}.small-stats>div:last-child{display:none}.small-stats strong{font-size:13px}.panel-title h2{font-size:10px}.panel-title{gap:5px}.panel-extra{font-size:7px}.chart-legend{gap:10px;font-size:7px}.chart-trend{height:144px}.trend-bottom{flex-wrap:wrap;font-size:7px;gap:4px}.trend-bottom strong{font-size:15px}.positive{font-size:7px}.right-panels{display:grid;grid-template-columns:1fr 1fr;margin-top:0}.right-panels .building-info{grid-column:1/-1}.right-panels .building-details{grid-template-columns:1fr 1fr;gap:18px 25px}.right-panels .energy-row{padding:10px 0;gap:9px}.energy-legend{font-size:8px}.energy-saving{font-size:7px}.energy-saving strong{font-size:15px}.status-row{gap:7px}.status-icon{height:27px;width:27px}.status-icon svg{width:17px}.status-label strong{font-size:9px}.status-value strong{font-size:16px}.status-label small,.online-badge{font-size:7px}.panel-title>svg{width:13px}.online-bar{font-size:7px}.donut-wrap{width:110px;height:110px}.energy-legend span{font-size:8px}.alarm-row small{font-size:9px}.alarm-row strong{font-size:11px}footer{height:58px;justify-content:center;flex-direction:column;gap:9px;font-size:7px;padding:10px 0}.header-actions .clock{margin-right:0}.header .icon-button{padding:6px}.scene-error{padding:15px}.help-dialog{padding:26px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:1051px)and (max-height:1000px){.metrics{margin-bottom:16px}.metric{height:94px}.dashboard{height:calc(100vh - 286px);min-height:614px;grid-template-rows:minmax(0,1fr)}.panel-title{height:40px}.overview-stat{padding:10px 0}.overview-stat strong{font-size:34px}.score-orbit{width:67px;height:67px}.small-stats{padding:10px 0}.small-stats strong{font-size:15px}.small-stats>div{gap:5px}.chart-legend{padding-top:10px}.chart-trend{height:97px}.trend-bottom{padding:6px 0 10px}.alert-summary{padding:10px 0}.alert-icon{height:31px;width:31px}.alert-summary strong{font-size:20px}.alarm-row{padding:9px 0}.alarm-row small{margin-top:4px}.status-row{padding:8px 0}.status-icon{width:28px;height:28px}.status-icon svg{width:17px;height:17px}.status-value strong{font-size:18px}.status-label small{margin-top:4px}.status-value small{margin-top:2px}.online-bar{padding:8px 0 10px}.energy-row{padding:6px 0}.donut-wrap{width:104px;height:104px}.donut-center strong{font-size:19px}.energy-saving{padding:8px 0 10px}.energy-saving strong{font-size:16px}.building-name{padding:11px 0 10px}.building-details{gap:13px 17px}.inspect-floor{margin-top:12px;margin-bottom:11px;padding:7px 9px}}@media(min-width:1051px)and (max-height:1000px){.overview-stat{padding:6px 0}.overview-stat strong{font-size:30px}.score-orbit{width:59px;height:59px}.small-stats{padding:6px 0}.chart-legend{padding-top:6px}.chart-trend{height:80px}.trend-bottom{padding:4px 0 8px}.alert-summary{padding:6px 0}.alert-icon{width:27px;height:27px}.alert-summary strong{font-size:18px}.alarm-row{padding:6px 0}.alarm-row small{margin-top:2px}.status-row{padding:5px 0}.status-label strong{display:block;line-height:14px}.status-label small{line-height:10px}.status-value strong{line-height:1;display:block}.status-value small{line-height:10px}.online-bar{padding:7px 0 8px}.donut-wrap{width:96px;height:96px}.energy-saving{padding:7px 0 8px;line-height:1.2}.building-name{padding:8px 0}.building-name strong{line-height:1.4}.building-name span{margin-top:4px}.building-details{gap:10px 17px}.building-details b{line-height:1.2}.inspect-floor{margin-top:8px;margin-bottom:8px;padding:6px 9px}}@media(min-width:1051px){.app-shell{height:100vh;min-height:780px;position:relative;overflow:hidden}.header{z-index:6;background:linear-gradient(180deg,#071725f2,#071725c9);border-bottom-color:#42607744}.nav-rail{z-index:5;background:#07172688;border-right-color:#42607733}main{position:relative;padding:0 24px}.workspace-heading{position:relative;z-index:4;height:43px;pointer-events:none}.metrics{position:relative;z-index:3;gap:18px;margin-bottom:0;pointer-events:none;width:calc(100% - 24px)}.metric{height:65px;padding:8px 15px;gap:12px;background:linear-gradient(100deg,#081a2e8c,#081a2e28);border:0;border-left:1px solid #6d98ad66;border-radius:0}.metric-icon{width:32px;height:32px;border-radius:4px;background:#16374955}.metric-icon svg{width:18px;height:18px}.metric-body strong{font-size:24px}.metric-body>span{font-size:10px}.metric-body p{margin-top:1px;font-size:8px}.dashboard{display:block;min-height:0;max-height:none;height:calc(100vh - 245px);margin-top:18px}.scene-section{position:absolute;left:0;right:0;top:0;height:calc(100vh - 84px);min-height:696px;border:0;border-radius:0;z-index:0;background:#102f4c}.scene-top{left:300px;right:302px;top:133px;align-items:center}.scene-top h2{font-size:16px;text-shadow:0 2px 10px #000}.eyebrow{color:#b3d7e5}.mode-switch{flex-direction:row;background:#071d2ccb;border-color:#63879a88;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.scene-info{left:301px;top:186px;color:#98b4c4;text-shadow:0 1px 5px #000}.left-panels,.right-panels{position:relative;width:252px;height:calc(100vh - 251px);max-height:749px;z-index:3;gap:12px;pointer-events:none}.left-panels{float:left}.right-panels{float:right;width:256px}.panel{pointer-events:auto;background:linear-gradient(100deg,#071724b3,#091c2994);border:1px solid #486b7c45;border-radius:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 8px 24px #00000012}.panel-title{border-bottom-color:#64829533}.panel:before{background:#57cbdb}.scene-controls{right:293px;top:219px;background:#071d2cba;border-color:#7095a766}.layer-popover{right:342px;top:285px}.compass{right:303px;bottom:143px}.building-selector{left:300px;right:301px;bottom:52px;background:#071d2cba;border-color:#7095a766;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:11px 15px}.scene-bottom{left:300px;right:301px;bottom:17px}.interaction-hint{color:#b0c7d4;text-shadow:0 1px 4px #000}.scene-error{inset:212px 301px 138px 300px}footer{position:relative;z-index:3;height:35px;color:#8eacbe;pointer-events:none}.building-label{background:#092b3bbd;border-color:#6a9eb188;color:#d4edf5}@media(max-width:1240px){.left-panels{width:214px}.right-panels{width:217px}.scene-top{left:239px;right:242px;top:133px}.scene-info{left:239px}.scene-controls{right:237px}.layer-popover{right:285px}.compass{right:248px}.building-selector{left:240px;right:241px;gap:8px;padding:9px}.scene-bottom,.scene-error{left:240px;right:241px}}}.asset-credit{pointer-events:auto;color:#92b8c3;text-decoration:none;font-size:10px}.asset-credit:hover{color:#58dfd0;text-decoration:underline}.project-scope{font-size:9px;line-height:1.4;color:#a4c7c8;padding:3px 0;border-top:1px solid #486b7c45}.help-note{max-height:180px;overflow:auto}.device-label.device-pin{width:39px;height:39px;min-width:0;padding:0;border:2px solid #36dcd7;border-radius:50%;display:grid;place-items:center;background:#124553a8;color:#38efdc;box-shadow:0 0 15px #18c8c22c;transform:translate(-50%,-50%)}.device-label.device-pin[hidden]{display:none}.device-label.device-pin:after{display:none}.device-label.device-pin.warning{border-color:#38ded7;color:#38efdc}.device-pin.warning:before{content:"";position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:#ffac68;border:1px solid #142f3a}.device-label.device-pin:hover,.device-label.device-pin.selected-device{background:#116778dc;box-shadow:0 0 0 5px #23e7d326,0 0 18px #18c8c255;color:#92fff1}.floor-rail{position:absolute;right:10px;top:155px;bottom:150px;width:47px;z-index:4;display:flex;flex-direction:column;gap:7px;background:#0c324c99;border:1px solid #2b789070;border-radius:3px;padding:5px}.floor-rail>span{text-align:center;color:#68d7d7;padding:4px 0;font-size:10px}.floor-rail>div{overflow:auto;scrollbar-width:thin;scrollbar-color:#338b94 transparent;display:flex;flex-direction:column;gap:2px}.floor-rail button{width:100%;flex-shrink:0;min-height:25px;font-size:10px;background:#16476477;color:#b2ccd8;border-left:2px solid transparent}.floor-rail button.active{background:#178c9aaa;color:#dbfff9;border-left-color:#51ffdf}.floor-rail small{display:block;font-size:7px;color:#9ebcc8;line-height:10px}.floor-systems{pointer-events:auto;background:#071e32bd;border:1px solid #32647a60;padding:13px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.floor-systems-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.floor-systems-heading h2{font-size:13px;font-weight:500;color:#ceefee}.floor-systems-heading button{color:#67d8d0;border:1px solid #2d737c;padding:5px 7px;font-size:9px;border-radius:3px}.floor-systems-heading button[aria-pressed=true]{background:#195a6255}.floor-systems>p{color:#849faf;font-size:9px;margin:10px 0 12px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.system-card{background:#123a60a6;border:1px solid #2e668a50;padding:10px;text-align:left;min-width:0}.system-card:hover,.system-card.active{border-color:#4ddbd0;background:#13546cbb}.system-card-title{display:flex;align-items:center;gap:8px;color:#28dacf}.system-card-title strong{font-size:11px;font-weight:500;color:#c9e5ed}.system-card-body{display:flex;align-items:center;gap:8px;margin-top:13px}.system-total{width:47px;height:47px;border:2px solid #268cba;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:2px}.system-total small{font-size:8px;color:#99b7c9}.system-total b{font-size:17px;font-weight:500;color:#e0f2f4}.system-total.fault{border-top-color:#e4ad75}.system-card dl{margin:0;display:flex;flex-direction:column;gap:5px;font-size:9px;flex:1}.system-card dl div{display:flex;justify-content:space-between;gap:6px}.system-card dt{color:#a0bdcc}.system-card dd{margin:0;color:#38cfe2}.system-card dd.warning-text{color:#f6b777}.system-note{margin-top:12px;font-size:9px;color:#87aeba;line-height:1.8}.floor-mode .compass{display:none}.floor-mode .device-popup{background:#1c3b50ec;border-color:#47beb5;top:31%;left:63%;width:245px}@media(min-width:1051px){.floor-mode .right-panels{width:300px;max-height:none;gap:10px}.floor-mode .scene-top{right:346px}.floor-mode .scene-info{max-width:calc(100% - 650px);gap:7px;flex-wrap:wrap}.floor-mode .floor-rail{right:335px;top:208px;bottom:152px;width:47px}.floor-mode .scene-controls{right:391px;top:222px}.floor-mode .layer-popover{right:438px}.floor-mode .building-selector,.floor-mode .scene-bottom{right:346px}.floor-mode .floor-systems{padding:13px 12px}.floor-mode .building-info .building-details{gap:9px 18px}.floor-mode .building-info .inspect-floor{display:none}}@media(min-width:1051px)and (max-width:1240px){.floor-mode .right-panels{width:230px}.floor-mode .scene-top,.floor-mode .building-selector,.floor-mode .scene-bottom{right:254px}.floor-mode .floor-rail{right:249px;width:42px}.floor-mode .scene-controls{right:298px}.floor-mode .scene-info{max-width:calc(100% - 520px)}.floor-mode .system-grid{gap:6px}.floor-mode .system-card{padding:8px 6px}.floor-mode .system-card-body{gap:5px}.floor-mode .system-total{width:36px;height:36px}.floor-mode .system-card-title{gap:5px}.floor-mode .system-card-title strong{font-size:10px}.floor-mode .system-card dl{font-size:8px}}@media(max-width:1050px){.floor-mode .right-panels{display:grid;grid-template-columns:1.5fr 1fr}.floor-systems{min-width:0}.floor-mode .scene-info{max-width:calc(100% - 55px);flex-wrap:wrap;gap:6px}.floor-mode .device-popup{left:47%;top:27%;width:220px}.floor-mode .right-panels .building-details{grid-template-columns:1fr 1fr}.device-label.device-pin{width:34px;height:34px}.device-label.device-pin svg{width:18px;height:18px}.floor-mode .scene-controls{right:66px;top:135px}.floor-mode .layer-popover{right:110px;top:180px}}@media(max-width:760px){.floor-mode .floor-rail{inset:auto 12px 120px;width:auto;height:38px;flex-direction:row;align-items:center;padding:4px}.floor-rail>span{padding:0 6px;flex-shrink:0}.floor-rail>div{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:4px}.floor-rail button{width:37px;min-height:27px;font-size:9px}.floor-rail small{display:none}.floor-mode .scene-info{font-size:8px;line-height:1.5}.floor-mode .right-panels{grid-template-columns:1fr}.floor-mode .right-panels .building-info{grid-column:auto}.floor-mode .system-card{padding:12px}.floor-mode .system-card-body{justify-content:space-between}.floor-mode .device-popup{left:50%;width:235px;top:23%}.floor-mode .scene-controls{top:135px;right:10px}.floor-mode .layer-popover{top:170px;right:50px}}@media(min-width:761px)and (max-width:1050px){.floor-mode .dashboard{display:flex;flex-direction:column}.floor-mode .scene-section{order:-1;min-height:640px}.floor-mode .left-panels{display:grid;grid-template-columns:1fr 1fr}.floor-mode .left-panels .alarm-panel{grid-column:1/-1}.floor-mode .scene-top{left:16px;right:16px}.floor-mode .scene-info{max-width:calc(100% - 135px)}}@media(min-width:761px)and (max-width:1050px){.app-shell:not(.floor-mode) .dashboard{display:flex;flex-direction:column}.app-shell:not(.floor-mode) .scene-section{order:-1;min-height:640px}.app-shell:not(.floor-mode) .left-panels{display:grid;grid-template-columns:1fr 1fr}.app-shell:not(.floor-mode) .left-panels .alarm-panel{grid-column:1/-1}.app-shell:not(.floor-mode) .right-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.header-title{margin-left:0}.weather-widget{position:relative}.weather-button{display:flex;align-items:center;gap:9px;padding:7px 10px;border-left:1px solid #304958;color:#b8dce7;text-align:left}.weather-button>svg{color:#f4d59e}.weather-button strong{display:block;font-size:13px;font-weight:500;white-space:nowrap}.weather-button small{display:block;font-size:9px;color:#819cab;margin-top:4px;white-space:nowrap}.weather-popover{position:fixed;z-index:70;top:75px;right:25px;width:310px;padding:18px;background:#0b2234f7;border:1px solid #477080;border-radius:8px;box-shadow:0 16px 40px #020c18aa;text-align:left}.weather-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#cfe9ef}.weather-heading button{display:grid;place-items:center;color:#8cabbc}.weather-current{display:flex;align-items:center;gap:13px;padding:20px 0;color:#e9d3ab}.weather-current>div{display:flex;flex-direction:column;gap:5px}.weather-current strong{font-size:28px;font-weight:500}.weather-current span{color:#a5bdca;font-size:11px}.weather-current>small{margin-left:auto;color:#51d1bd;font-size:10px}.weather-current>small.weather-stale{color:#e6b16d}.weather-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-block:1px solid #284555;padding:16px 0}.weather-facts span{font-size:10px;color:#7994a5}.weather-facts strong{display:block;margin-top:6px;color:#c7e0e9;font-size:13px;font-weight:500}.weather-data-time,.weather-source,.weather-message{font-size:10px;line-height:1.8;margin-top:12px;color:#87a4b7}.weather-message{color:#e6b16d}.weather-source a{color:#69d1ca;text-decoration:none}.weather-refresh{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.weather-refresh small{color:#6e8e9f;font-size:9px}.weather-refresh button{display:flex;align-items:center;gap:6px;border:1px solid #38636a;background:#17424970;color:#8ce5d5;padding:7px 10px;border-radius:4px;font-size:10px}.atmosphere-state{color:#9bc5d7!important}@media(max-width:1150px){.header-title h1{font-size:19px;letter-spacing:2px}.header-actions{gap:8px}.brand{min-width:190px}}@media(max-width:1050px){.header-title{display:none}}@media(max-width:760px){.header{padding:0 12px}.brand{min-width:0;gap:7px}.brand-symbol{width:31px;height:34px}.brand-symbol svg{width:22px}.brand strong{font-size:15px;letter-spacing:1px}.brand strong span{display:none}.brand small{font-size:7px;letter-spacing:0}.header-actions{gap:4px}.clock strong{font-size:14px;letter-spacing:1px}.clock small span{display:none}.weather-button{padding:4px 7px;gap:5px}.weather-button strong{font-size:11px}.weather-button small{font-size:8px}.weather-button>svg{width:16px}.weather-popover{top:66px;right:12px;width:min(310px,calc(100vw - 24px))}.scene-info{max-width:calc(100% - 80px)}.scene-info .atmosphere-state{font-size:8px}}.language-switch{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #315567;border-radius:5px;background:#082031;flex-shrink:0}.language-switch button{background:transparent;border:0;color:#95afc1;font-size:10px;padding:5px 7px;border-radius:3px;cursor:pointer;min-height:27px}.language-switch button[aria-pressed=true]{background:#164958;color:#77f1de}.language-switch button:focus-visible{outline:2px solid #77f1de;outline-offset:2px}html[lang=en] .brand strong span{display:none}html[lang=en] .header-title h1{font-size:23px;letter-spacing:1px}html[lang=en] .nav-item span{font-size:10px}html[lang=en] .scene-info{max-width:calc(100% - 570px);line-height:1.5}html[lang=en] .building-name strong{font-size:13px}html[lang=en] .small-stats{gap:12px}html[lang=en] .small-stats span{font-size:8px}html[lang=en] .system-card-title strong{font-size:11px}html[lang=en] .system-card dl{font-size:8px}html[lang=en] .system-note{line-height:1.6}html[lang=en] .building-selector select{max-width:165px}html[lang=en] .metric-body>span{font-size:11px}@media(max-width:1050px){html[lang=en] .scene-info{max-width:calc(100% - 100px)}html[lang=en] .header-title h1{font-size:18px}}@media(max-width:760px){.header-actions{flex-wrap:wrap;justify-content:flex-end;row-gap:2px}.language-switch{order:-1;padding:1px}.language-switch button{font-size:9px;padding:3px 5px;min-height:24px}html[lang=en] .brand{max-width:92px}html[lang=en] .brand strong{font-size:13px}html[lang=en] .brand small{font-size:6px}html[lang=en] .clock small{font-size:7px}html[lang=en] .metric-body>span{font-size:9px}html[lang=en] .scene-info{font-size:8px;max-width:calc(100% - 70px)}html[lang=en] .building-selector{gap:6px}html[lang=en] .building-selector select{max-width:110px}html[lang=en] .floor-action{font-size:8px}html[lang=en] .scene-top h2{max-width:135px}html[lang=en] .mode-switch button{font-size:8px}html[lang=en] .help-grid{grid-template-columns:1.2fr 1fr}html[lang=en] .device-popup{width:min(270px,calc(100% - 30px))}}@media(max-width:760px){.header{height:100px;display:grid;grid-template-columns:100px minmax(0,1fr) 28px 28px;grid-template-rows:48px 42px;column-gap:5px;padding:0 12px}.header .brand,html[lang=en] .header .brand{grid-column:1/3;grid-row:1;max-width:none;justify-self:start}.header-actions{display:contents}.header .clock{grid-column:2/5;grid-row:1;justify-self:end}.header .language-switch{grid-column:1;grid-row:2;justify-self:start}.header .weather-widget{grid-column:2;grid-row:2;justify-self:start}.header .weather-button{padding:3px 0;gap:4px}.header .weather-button strong{font-size:10px}.header .weather-button small{font-size:7px}.header .icon-button{grid-column:3;grid-row:2;padding:4px}.header .icon-button:last-child{grid-column:4}.weather-popover{top:102px}html[lang=en] .workspace-heading{height:auto;min-height:46px;align-items:flex-start;flex-direction:column;gap:6px;padding:10px 0}html[lang=en] .data-source{font-size:8px;flex-wrap:wrap;letter-spacing:0}}html[lang=en] .building-details>div{flex-wrap:wrap;gap:3px 7px}html[lang=en] .building-details>div>span{font-size:9px}html[lang=en] .floor-rail small{font-size:6px;letter-spacing:-.3px}html[lang=en] .building-info .building-details{gap:10px 12px}html[lang=en] .building-info .building-details>div{flex-wrap:nowrap;gap:3px}html[lang=en] .building-info .building-details small{display:none}.sun-preview{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;pointer-events:auto;color:#ffe1a5;background:#493c265c;border:1px solid #b28d4a80;border-radius:4px;padding:5px 8px;font-size:10px;line-height:1.3;text-shadow:none}.sun-preview[aria-pressed=true]{background:#71502699;border-color:#e5bd72;color:#ffedc9}.sun-layer-note{display:block;color:#bda77c;font-size:9px;line-height:1.5;padding:4px 0}.sun-provenance{font-size:11px;line-height:1.8;color:#a4bac4;margin:12px 0}.sun-controls{display:flex;flex-wrap:wrap;gap:6px;pointer-events:auto}@media(max-width:760px){.sun-preview{font-size:8px;padding:4px 6px}.scene-info .sun-preview{margin-top:2px}}@media(min-width:1051px){html[lang=en] .building-info .building-details{row-gap:6px}html[lang=en] .building-info .inspect-floor{margin-bottom:4px}html[lang=en] .building-info .project-scope{padding:1px 0}}.scene-top h2,.scene-info,.scene-top .eyebrow{text-shadow:0 1px 2px #061827,0 0 7px #061827}.scene-info{color:#c9e0ed}.scene-info .atmosphere-state{color:#d5e9f2!important}@media(max-width:760px){.app-shell:not(.floor-mode) .scene-info{top:140px}}:root{--muted:#7ba4c3;--teal:#00d4f4;--border:#225675}.app-shell{background:#092d50}.header{background:#062542ee;border-bottom-color:#26729c66}.nav-rail{background:#082e50b8;border-right-color:#2b729c44}.nav-icon{display:inline-flex;align-items:center;justify-content:center}.panel{background:#05213ca6;border-color:#24759d44;box-shadow:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panel-title{border-bottom-color:#4d93ba33}.panel-title h2{color:#e4f2fa;font-weight:500;letter-spacing:.5px}.panel-title>svg,.panel:before{color:#43caff}.metric{background:#07305288;border-color:#3c8cbb55}.metric-icon,.score-orbit{background:#0a466b55;color:#58ceff;border-color:#3d9ac477}.metric-body strong,.overview-stat strong,.status-value strong,.positive,.energy-saving strong{color:#00cdee}.panel-extra,.online-badge,.live{color:#64c8ec}.status-icon.cyan{color:#3bc9ff;background:#0c507066}.inspect-floor,.floor-action,.auto-button,.selected-badge{color:#75d6f4;border-color:#3187b166}.building-label{color:#d2f3ff;background:#075b87bd;border-color:#22c7f5aa;box-shadow:0 0 12px #0ab8ff25}.mode-switch button.active{color:#bcefff;background:#0c638c66}.energy-legend i{background:#00c7eb}.chart-legend i{background:#9cd8f5}.nav-item.active{color:#bdeaff;background:#0b497466}.nav-item.active i{background:#21c6f5}@media(min-width:1051px){.app-shell:not(.floor-mode){min-height:600px}.app-shell:not(.floor-mode) .scene-section{min-height:516px}.app-shell:not(.floor-mode) .metrics{position:absolute;left:50px;right:568px;top:43px;width:auto;gap:9px}.app-shell:not(.floor-mode) .metric{height:55px;padding:7px 10px;gap:7px}.app-shell:not(.floor-mode) .metric-icon{display:none}.app-shell:not(.floor-mode) .metric-body strong{font-size:21px}.app-shell:not(.floor-mode) .metric-body>span{font-size:9px}.app-shell:not(.floor-mode) .metric-body p{font-size:7px}.app-shell:not(.floor-mode) .left-panels,.app-shell:not(.floor-mode) .right-panels{position:absolute;top:43px;height:calc(100vh - 155px);max-height:none;float:none;gap:10px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#2e7299 #082b49}.app-shell:not(.floor-mode) .left-panels{right:296px;width:252px}.app-shell:not(.floor-mode) .right-panels{right:24px;width:256px}.app-shell:not(.floor-mode) .panel{flex-shrink:0;border:0;border-top:1px solid #3792bf55}.app-shell:not(.floor-mode) .scene-top{left:50px;right:568px;top:108px}.app-shell:not(.floor-mode) .scene-info{left:50px;top:167px;width:230px;padding:12px;background:#052e50b8;border:1px solid #16bfe099;border-left-width:2px;color:#c3dfef;font-size:9px}.app-shell:not(.floor-mode) .scene-controls{right:568px;top:215px}.app-shell:not(.floor-mode) .layer-popover{right:615px;top:245px}.app-shell:not(.floor-mode) .compass{right:577px}.app-shell:not(.floor-mode) .building-selector,.app-shell:not(.floor-mode) .scene-bottom{left:50px;right:568px}.app-shell:not(.floor-mode) .scene-error{left:50px;right:568px;top:165px}.nav-item .nav-icon{width:32px;height:32px;border:1px solid #4c92b6aa;transform:rotate(45deg);background:#12496b66;box-shadow:inset 0 0 7px #77cce238}.nav-item .nav-icon svg{transform:rotate(-45deg);width:19px;height:19px}.nav-item.active .nav-icon{color:#e8f638;border-color:#d7da42;background:#4a571b44;box-shadow:0 0 9px #e7e82355,inset 0 0 7px #e7e82344}.nav-item{gap:13px}}@media(min-width:1051px)and (max-width:1240px){.app-shell:not(.floor-mode) .left-panels{right:257px;width:214px}.app-shell:not(.floor-mode) .right-panels{width:217px}.app-shell:not(.floor-mode) .metrics,.app-shell:not(.floor-mode) .scene-top,.app-shell:not(.floor-mode) .building-selector,.app-shell:not(.floor-mode) .scene-bottom,.app-shell:not(.floor-mode) .scene-error{right:491px;left:30px}.app-shell:not(.floor-mode) .scene-info{left:30px;width:200px}.app-shell:not(.floor-mode) .scene-controls{right:491px}.app-shell:not(.floor-mode) .layer-popover{right:535px}}@media(min-width:1051px)and (max-height:760px){.app-shell:not(.floor-mode) .panel-title{height:32px}.app-shell:not(.floor-mode) .overview-stat{padding:7px 0}.app-shell:not(.floor-mode) .overview-stat strong{font-size:28px}.app-shell:not(.floor-mode) .score-orbit{width:48px;height:48px}.app-shell:not(.floor-mode) .small-stats{padding:6px 0}.app-shell:not(.floor-mode) .chart-trend{height:80px}.app-shell:not(.floor-mode) .status-row{padding:6px 0}.app-shell:not(.floor-mode) .alarm-row{padding:6px 0}.app-shell:not(.floor-mode) .alert-summary{padding:6px 0}}@media(min-width:1051px){.app-shell:not(.floor-mode) .alarm-panel,.app-shell:not(.floor-mode) .building-info{flex:0 0 auto;min-height:0}}.streetscape-state{color:#8fd8f4;line-height:1.5}.streetscape-provenance{color:#8eafc7;font-size:11px;line-height:1.6}@media(min-width:1051px){.app-shell:not(.floor-mode) footer{position:fixed;left:137px;right:568px;bottom:0;height:14px;padding:0;font-size:7px;z-index:4}.app-shell:not(.floor-mode) footer .asset-credit{font-size:7px}}@media(min-width:1051px){.app-shell:not(.floor-mode) .header{height:58px;padding-top:0;padding-bottom:0}.app-shell:not(.floor-mode) .header-title h1{font-size:19px;letter-spacing:3px}.app-shell:not(.floor-mode) .header-title>span{font-size:7px;letter-spacing:3px}.app-shell:not(.floor-mode) .nav-rail{top:58px}.app-shell:not(.floor-mode) .scene-section{height:calc(100vh - 58px);min-height:542px}.app-shell:not(.floor-mode) .metrics.reference-hidden{display:none}.app-shell:not(.floor-mode) .left-panels,.app-shell:not(.floor-mode) .right-panels{top:24px;height:calc(100vh - 92px)}.app-shell:not(.floor-mode) .scene-top{top:34px}.app-shell:not(.floor-mode) .scene-top .mode-switch{position:absolute;left:0;top:280px}.app-shell:not(.floor-mode) .scene-info{top:90px}.app-shell:not(.floor-mode) .scene-controls{top:170px}.app-shell:not(.floor-mode) .layer-popover{top:200px}.app-shell:not(.floor-mode) .building-selector{bottom:32px}.app-shell:not(.floor-mode) .scene-bottom{bottom:8px}.app-shell:not(.floor-mode) .metrics:not(.reference-hidden)~.dashboard .scene-top{top:108px}.app-shell:not(.floor-mode) .metrics:not(.reference-hidden)~.dashboard .scene-info{top:167px}}.floor-mode .metrics-layer{display:none}@media(max-width:1050px){.metrics-layer{display:none}}.layer-popover{max-height:min(360px,calc(100% - 220px));overflow-y:auto}@media(min-width:1051px){.app-shell:not(.floor-mode) .scene-top .mode-switch{top:340px}}