.ui-icon[data-v-2a7a7027]{vertical-align:middle;flex-shrink:0;display:inline-block}.demo-feed[data-v-d9f94b9b]{aspect-ratio:16/9;background:#102530;position:relative;overflow:hidden}.demo-feed canvas[data-v-d9f94b9b],.demo-feed video[data-v-d9f94b9b]{object-fit:cover;width:100%;height:100%;display:block}.demo-feed .hidden[data-v-d9f94b9b]{visibility:hidden;pointer-events:none;position:absolute}.feed-paused[data-v-d9f94b9b]{color:#e0ece8;background:#06172266;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}:root{color:#dceef3;font-synthesis:none;background:#06111d;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}html,body,.app-root{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 52% 20%,#13334a 0,#0a1d2d 31%,#06111d 72%);font-size:13px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #72e6da}button:disabled{cursor:not-allowed}a{color:#cbb889}.app-root[v-cloak]{display:none}.app-root{min-height:100vh;overflow:hidden}.topbar{z-index:5;background:linear-gradient(90deg,#04101dfa,#0b2030f5 58%,#05121efa);border-bottom:1px solid #61b9c02e;align-items:center;gap:32px;height:82px;padding:0 27px;display:flex;position:relative;box-shadow:0 12px 35px #0000001f}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#61d8d5,#0000);width:32%;height:1px;position:absolute;bottom:-1px;left:29%}.brand{flex-shrink:0;align-items:center;gap:12px;width:245px;display:flex}.brand-mark{border:1px solid #b8a16e;grid-template-columns:1fr 1fr;gap:3px;width:38px;height:38px;padding:7px;display:grid;position:relative;transform:rotate(45deg)}.brand-mark span{opacity:.9;background:#c4ab73}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){opacity:.38}.brand-cn{letter-spacing:.24em;color:#eee7d4;font-size:18px;font-weight:700}.brand-en{letter-spacing:.23em;color:#a8acaa;margin-top:4px;font-size:12px}.header-title{text-align:center;flex:1;min-width:0;position:relative}.eyebrow,.section-tag{letter-spacing:.25em;color:#6fbfc5;font-size:12px;font-weight:700}.header-title h1{letter-spacing:.2em;color:#eef7f5;text-shadow:0 0 22px #43dddd33;margin:5px 0 0;font-size:25px;font-weight:500}.header-rule{background:linear-gradient(90deg,#0000,#bfa46b,#0000);width:180px;height:1px;margin:8px auto 0}.header-tools{color:#8faab6;flex-shrink:0;justify-content:flex-end;align-items:center;gap:18px;width:350px;font-size:12px;display:flex}.demo-badge{color:#d5c38e;white-space:nowrap;background:#c4a25b14;border:1px solid #cbb27259;padding:6px 9px}.demo-badge i,.live-pill i,.connection-dot{background:#69ded0;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 9px #5ee9d4}.demo-badge i{background:#d6ae6c;box-shadow:0 0 8px #c9a369}.clock{color:#d4eaf0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.header-help{color:#90cdd1;background:0 0;border:1px solid #426275;border-radius:50%;width:25px;height:25px}.shell{height:calc(100vh - 82px);min-height:680px;display:flex}.rail{background:linear-gradient(#081b2b,#071520);border-right:1px solid #68bfcb2b;flex-direction:column;flex:0 0 72px;align-items:center;width:72px;padding:22px 0 15px;display:flex}.rail-caption{writing-mode:vertical-rl;letter-spacing:.24em;color:#5c7b8c;margin-bottom:28px;font-size:12px}.rail-button{color:#7e9aa8;background:0 0;border:0;border-left:3px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:66px;height:82px;transition:all .2s;display:flex}.rail-button:hover,.rail-button.active{color:#d9f8f7;background:linear-gradient(90deg,#41c8c929,#0000);border-left-color:#65dcd6}.rail-index{color:#6b93a2;font-family:Georgia,serif;font-size:19px}.rail-button.active .rail-index{color:#67e3db}.rail-label{writing-mode:vertical-rl;letter-spacing:.06em;font-size:12px}.rail-bottom{writing-mode:vertical-rl;color:#638c98;letter-spacing:.12em;margin-top:auto;font-size:12px}.dashboard{grid-template-columns:278px minmax(440px,1fr) 316px;gap:13px;width:calc(100% - 72px);min-width:0;padding:14px;display:grid;overflow:hidden}.left-column,.right-column{scrollbar-width:thin;scrollbar-color:#2d5868 transparent;min-width:0;overflow:auto}.center-column{flex-direction:column;gap:12px;min-width:0;display:flex;overflow:hidden}.side-heading{color:#e1eff1;letter-spacing:.05em;justify-content:space-between;align-items:flex-start;height:31px;padding:1px 2px;font-size:14px;font-weight:700;display:flex}.side-heading small,.panel-title small{letter-spacing:.13em;color:#587e8f;font-size:12px;font-weight:500}.panel{background:linear-gradient(145deg,#0f2434e8,#081927eb);border:1px solid #579dae3d;border-radius:3px;position:relative;box-shadow:inset 0 1px #bef1f809,0 12px 22px #00000017}.panel:before{content:"";pointer-events:none;border-top:1px solid #5ddfd8cc;border-left:1px solid #5ddfd8cc;width:14px;height:14px;position:absolute;top:-1px;left:-1px}.left-column>.panel,.right-column>.panel{margin-bottom:12px}.panel-kicker{color:#77b9be;letter-spacing:.12em;font-size:12px}.panel-title{color:#e4f0ef;border-bottom:1px solid #5b9ba524;justify-content:space-between;align-items:center;padding:14px 16px 11px;font-size:14px;font-weight:700;display:flex}.hero-metric{background:radial-gradient(circle at 80% 20%,#41aaae24,#0000 55%),linear-gradient(145deg,#123347,#0b2334);padding:17px 17px 14px}.score-row{align-items:flex-end;gap:7px;margin:4px 0 11px;display:flex}.score{color:#f4f8ee;letter-spacing:-.06em;font-family:Arial,sans-serif;font-size:49px;font-weight:300;line-height:1}.score span{color:#63dbd1;font-size:26px}.score-unit{color:#7198a3;margin-bottom:3px;font-size:12px;line-height:1.7}.score-unit strong{color:#78d7c8;font-weight:600}.score-track{background:#1c4250;height:4px;overflow:hidden}.score-track span{background:linear-gradient(90deg,#288f9c,#79e7d5);width:98.6%;height:100%;display:block}.score-foot{color:#87a6ad;justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.score-foot b{color:#dfebeb;margin-left:3px;font-size:12px;font-weight:500}.status-row{text-align:left;width:100%;min-height:51px;color:inherit;background:0 0;border:0;border-bottom:1px solid #4f8d981c;align-items:center;gap:10px;padding:7px 15px;display:flex}.status-row:last-child{border-bottom:0}.room-row:hover,.room-row.selected{background:#46b7b817}.status-icon{color:#62d0cd;background:#122e40;border:1px solid #57afb43b;justify-content:center;align-items:center;width:29px;height:29px;font-size:17px;display:flex}.status-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.status-main b{color:#d3e6e8;font-size:12px;font-weight:600}.status-main small{color:#688b99;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.status-dot,.device-dot{background:#68dbc5;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #5ae8caa6}.status-dot.warn{background:#d9b060;box-shadow:0 0 7px #d9b06080}.status-value{color:#c4dcd7;font-size:12px}.mini-grid{grid-template-columns:1fr 1fr;padding:8px 14px 13px;display:grid}.mini-metric{border-bottom:1px solid #5d9da421;padding:12px 2px}.mini-metric:nth-last-child(-n+2){border-bottom:0}.mini-metric small{color:#7695a3;font-size:12px;display:block}.mini-metric strong{color:#e5f1ef;margin-top:3px;font:500 21px/1.4 Arial,sans-serif;display:inline-block}.mini-metric em{color:#74b5b8;margin-left:3px;font-size:12px;font-style:normal}.micro-note{color:#6e92a0;padding:0 16px 13px;font-size:12px;line-height:1.6}.device-list{padding:0 10px 10px}.device-line{color:#a5c4c9;text-align:left;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:6px;font-size:12px;display:flex}.device-line:hover,.device-line.selected{color:#e0f5f4;background:#50adba1a}.device-line span:nth-child(2){flex:1}.device-line b{color:#72d6c9;font-weight:500}.device-dot.water{background:#4baee6;box-shadow:0 0 7px #4baee6}.insight-panel{padding:15px 16px}.insight-panel p{color:#a6c2c5;margin:10px 0;font-size:12px;line-height:1.75}.text-link{color:#d3b985;background:0 0;border:0;padding:0;font-size:12px}.text-link span{margin-left:5px}.kpi-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.kpi-card{background:linear-gradient(135deg,#0e2a3ae0,#081c2beb);border:1px solid #519da838;height:94px;padding:12px 14px;position:relative;overflow:hidden}.kpi-card:after{content:"";border:1px solid #49d9d829;width:42px;height:42px;position:absolute;top:-12px;right:-12px;transform:rotate(45deg)}.kpi-label{color:#8fadb5;font-size:12px}.kpi-value{color:#eefaf7;white-space:nowrap;margin:7px 0 3px;font:400 25px/1.1 Arial,sans-serif}.kpi-value small{color:#74aab0;margin-left:4px;font:12px Arial,sans-serif}.kpi-change{color:#7acdbb;font-size:12px}.kpi-change.negative{color:#f2ad8f}.kpi-change.neutral{color:#c5ae7d}.visual-panel{background:radial-gradient(circle at 48% 48%,#173950 0,#0b2639 40%,#071a2a 77%);border:1px solid #539fae47;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.visual-panel:before,.visual-panel:after{content:"";pointer-events:none;z-index:3;width:24px;height:24px;position:absolute}.visual-panel:before{border-top:2px solid #75e2d7;border-left:2px solid #75e2d7;top:-1px;left:-1px}.visual-panel:after{border-bottom:2px solid #75e2d7;border-right:2px solid #75e2d7;bottom:-1px;right:-1px}.visual-top{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 18px 0;display:flex;position:relative}.visual-top>div{pointer-events:auto}.visual-top h2{letter-spacing:.08em;color:#f0f8f5;margin:4px 0 2px;font-size:21px;font-weight:500}.scene-subtitle{color:#83aab5;font-size:12px}.view-tabs{background:#04121d8c;border:1px solid #6bb8bd33;padding:3px;display:flex}.view-tabs button{color:#799ca9;background:0 0;border:0;padding:7px 11px;font-size:12px}.view-tabs button:hover,.view-tabs button.active{color:#e5faf5;background:#215c68}.stage{flex:1;min-height:310px;position:relative;overflow:hidden}.stage canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.stage-grid{pointer-events:none;z-index:1;background:linear-gradient(90deg,#03111c8a 0,#0000 21% 79%,#03111c85 100%),radial-gradient(circle at 50% 45%,#0000 30%,#04121c80 82%);position:absolute;inset:0}.stage-grid:after{content:"";background-image:linear-gradient(#5fb4bc0a 1px,#0000 1px),linear-gradient(90deg,#5fb4bc0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35% 70%,#0000);mask-image:linear-gradient(#0000,#000 35% 70%,#0000)}.model-loading{z-index:4;color:#cde7e7;background:#051420b3;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.model-loading small{color:#7ca5ad;font-size:12px}.loading-ring{border:2px solid #2c6571;border-top-color:#71d8d0;border-radius:50%;width:32px;height:32px;margin-bottom:6px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.model-pin{z-index:5;color:#f4e5bd;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin-pulse{background:#b38439;border:3px solid #f3d28d;border-radius:50%;width:15px;height:15px;animation:2s infinite pulse;box-shadow:0 0 0 8px #e0b75e26,0 0 18px #d4a965}.pin-label{background:#05141fe0;border:1px solid #dfbd7080;padding:6px 8px;font-size:12px}@keyframes pulse{50%{box-shadow:0 0 0 13px #e0b75e00,0 0 20px #e1b866}}.floor-picker{z-index:3;flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;top:19px;right:18px}.floor-picker span{color:#87acb6;margin-bottom:4px;font-size:12px}.floor-picker button{color:#84aab6;background:#041826d4;border:1px solid #5ba1ae54;width:33px;height:30px;font-size:12px}.floor-picker button:hover,.floor-picker button.active{color:#eefef9;background:#1b6c75;border-color:#69e0d6;box-shadow:0 0 14px #3ed3cf42}.room-legend{z-index:3;flex-wrap:wrap;gap:7px;max-width:52%;display:flex;position:absolute;top:22px;left:18px}.room-legend span{color:#b8d5d5;background:#061621c7;border:1px solid #63a6ae2e;padding:5px 6px;font-size:12px}.room-legend i{background:#a68868;width:7px;height:7px;margin-right:4px;display:inline-block}.room-legend .legend-master{background:#b39469}.room-legend .legend-study{background:#78634f}.room-legend .legend-bath{background:#6194a2}.scene-toolbar{z-index:3;gap:6px;display:flex;position:absolute;bottom:16px;left:18px}.scene-toolbar button{color:#a4c8cc;background:#051723e0;border:1px solid #6bb4bd47;padding:6px 8px;font-size:14px}.scene-toolbar button:hover,.scene-toolbar button.active{color:#e4faf3;border-color:#58d1cb}.scene-toolbar button span{margin-left:3px;font-size:12px}.scene-corner{z-index:2;letter-spacing:.16em;color:#5b8c9b;font-size:12px;position:absolute;bottom:20px;right:16px}.visual-foot{color:#80a6b1;z-index:2;background:#05172359;border-top:1px solid #6cb7c124;flex:0 0 35px;justify-content:space-between;align-items:center;gap:10px;height:35px;padding:0 18px;font-size:12px;display:flex;position:relative}.live-pill{color:#80dbc9}.model-note{color:#b5a37e}.trend-head{justify-content:space-between;align-items:flex-start;display:flex}.trend-head h3{color:#e1f2ee;margin:3px 0;font-size:14px;font-weight:600}.trend-controls{border:1px solid #57a0a933;gap:2px;padding:2px;display:flex}.trend-controls button{color:#7194a1;background:0 0;border:0;padding:5px 9px;font-size:12px}.trend-controls button.active{color:#ecf9f6;background:#215e69}.trend-body{gap:16px;height:130px;padding-top:7px;display:flex}.chart-wrap{flex:1;min-width:0;padding-left:24px;position:relative}.chart-wrap svg{width:calc(100% - 24px);height:109px;position:absolute;top:0;left:24px;overflow:visible}.chart-grid{color:#5b8190;flex-direction:column;justify-content:space-between;font-size:12px;display:flex;position:absolute;inset:0 0 10px}.chart-grid:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 35px,#509ca721 36px);position:absolute;inset:0 0 0 24px}.chart-labels{color:#5f8995;justify-content:space-between;font-size:12px;display:flex;position:absolute;bottom:-3px;left:24px;right:0}.energy-split{border-left:1px solid #67abb529;flex-direction:column;justify-content:space-around;width:136px;padding-left:13px;display:flex}.energy-split>div{color:#96b4bc;align-items:baseline;gap:4px;font-size:12px;display:flex}.energy-split b{color:#d6edeb;margin-left:auto;font-family:Arial;font-size:15px;font-weight:500}.energy-split small{color:#6b98a2;font-size:12px}.split-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.split-dot.electric{background:#64dcd3}.split-dot.water{background:#55a9e0}.split-dot.cooling{background:#d2b273}.alarm-panel{padding-bottom:7px}.alarm-counts{border-bottom:1px solid #67abb526;grid-template-columns:repeat(3,1fr);padding:14px 8px;display:grid}.alarm-counts div{text-align:center;border-right:1px solid #6bafb721}.alarm-counts div:last-child{border:0}.alarm-counts strong{color:#e8f6f2;font:300 26px Arial;display:block}.alarm-counts span{color:#7898a5;font-size:12px}.alarm-list{scrollbar-width:thin;scrollbar-color:#305969 transparent;max-height:220px;overflow:auto}.alarm-item{text-align:left;color:#d8e9e8;background:0 0;border:0;border-bottom:1px solid #6aabb51c;gap:9px;width:100%;padding:10px 12px;display:flex}.alarm-item:hover,.alarm-item.selected{background:#3b8c9a24}.severity-bar{background:#73a9b7;flex:0 0 3px;align-self:stretch;width:3px}.severity-bar.warning{background:#d9aa64}.severity-bar.danger{background:#e37867}.alarm-main{flex:1;min-width:0}.alarm-main>span{align-items:center;gap:5px;display:flex}.alarm-main b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.alarm-main em{color:#8bb4be;border:1px solid #708f9b;flex-shrink:0;padding:2px 3px;font-size:12px;font-style:normal}.alarm-main em.warning{color:#d2af7e;border-color:#926e46}.alarm-main em.danger{color:#ed9a8c;border-color:#a65b51}.alarm-main small{color:#6f94a2;margin-top:6px;font-size:12px;display:block}.alarm-state{color:#8fb1b9;white-space:nowrap;font-size:12px}.incident-panel{padding-bottom:14px}.incident-title{align-items:center;gap:9px;padding:13px 15px 5px;display:flex}.incident-icon{color:#eac793;border:1px solid #b2845a;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.incident-icon.danger{color:#f4a297;border-color:#b26057}.incident-title b{color:#e4f2f0;font-size:12px;display:block}.incident-title small{color:#7c9da7;margin-top:4px;font-size:12px;display:block}.incident-panel p{color:#a1bec1;margin:7px 15px 12px;font-size:12px;line-height:1.6}.action-timeline{padding:2px 15px 4px}.action-timeline>div{color:#648a99;gap:8px;min-height:26px;font-size:12px;display:flex;position:relative}.action-timeline>div:not(:last-child):before{content:"";background:#315465;width:1px;position:absolute;top:10px;bottom:0;left:4px}.action-timeline i{background:#0e2a3b;border:1px solid #426675;border-radius:50%;flex:0 0 9px;width:9px;height:9px}.action-timeline i.done{background:#4ab5af;border-color:#69dbc9;box-shadow:0 0 7px #46c8bc59}.action-timeline i.done+span{color:#b9d8d7}.incident-actions{gap:7px;padding:6px 15px 0;display:flex}.incident-actions button,.guide-start{color:#f0fcf8;background:#1a777e;border:1px solid #59bfc0;padding:8px 12px;font-size:12px}.incident-actions button:hover,.guide-start:hover{background:#269097}.incident-actions button.ghost{color:#a5cbd0;background:0 0;border-color:#456e7b}.resolved-label{color:#72d7bf;margin-right:auto;font-size:12px}.scenario-panel{padding-bottom:12px}.scenario-buttons{padding:9px 11px}.scenario-buttons button{color:#d5e6e6;text-align:left;background:#12303f9e;border:1px solid #5699a629;align-items:center;gap:9px;width:100%;margin-bottom:6px;padding:8px;display:flex}.scenario-buttons button:hover{background:#183e52;border-color:#5bbfc0}.scenario-buttons button>span:nth-child(2){flex:1}.scenario-buttons b{font-size:12px;font-weight:600;display:block}.scenario-buttons small{color:#789ca8;margin-top:3px;font-size:12px;display:block}.scenario-icon{color:#7edacf;background:#254751;place-items:center;width:29px;height:29px;font-size:17px;display:grid}.scenario-icon.water{color:#69bde4;background:#183d5a}.scenario-icon.fire{color:#edac83;background:#59382f}.mode-select{color:#8eabb3;border-top:1px solid #5697a426;align-items:center;gap:3px;margin:0 11px;padding-top:11px;font-size:12px;display:flex}.mode-select span{margin-right:auto}.mode-select button{color:#719aa6;background:0 0;border:1px solid #5695a03d;padding:5px 7px;font-size:12px}.mode-select button.active{color:#e7f8f3;background:#205a63;border-color:#5bbbc0}.right-foot{color:#5f8190;padding:1px 4px 12px;font-size:12px;line-height:1.6}.right-foot a{color:#92acb0}.toast{z-index:20;color:#e0f4f1;background:#173c4a;border:1px solid #57c6c5;padding:10px 17px;font-size:12px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 12px 26px #0005}.guide-backdrop{z-index:30;background:#020b12b8;place-items:center;display:grid;position:fixed;inset:0}.guide-modal{background:linear-gradient(140deg,#153747,#0b2132);border:1px solid #4d8c94;width:min(480px,100vw - 28px);padding:30px;position:relative;box-shadow:0 25px 80px #0009}.guide-modal h2{color:#effaf5;margin:9px 0 20px;font-size:23px}.guide-modal p{color:#b4d0d0;font-size:12px;line-height:1.8}.guide-note{color:#d2c3a3;background:#0c2b3b;border-left:2px solid #c3a974;margin:20px 0;padding:11px;font-size:12px;line-height:1.65}.guide-close{color:#a9cdd0;background:0 0;border:0;font-size:23px;position:absolute;top:13px;right:17px}.guide-start{padding:9px 21px}@media (width<=1450px){.dashboard{grid-template-columns:245px minmax(390px,1fr) 285px;gap:10px;padding:10px}.topbar{gap:13px}.brand{width:195px}.header-tools{gap:11px;width:325px}.weather{display:none}.visual-top h2{font-size:19px}.kpi-card{padding:11px}.kpi-value{font-size:22px}.scene-toolbar button span{display:none}}@media (width<=1100px){.shell{height:auto;min-height:0}.dashboard{grid-template-columns:minmax(0,1fr) 290px;width:calc(100% - 62px);overflow:visible}.rail{flex-basis:62px;width:62px}.left-column{display:none}.center-column{min-height:760px}.right-column{overflow:visible}.topbar{padding:0 14px}.brand{width:155px}.brand-en{display:none}.header-tools{width:210px}.header-title h1{font-size:19px}.clock{font-size:12px}}@media (width<=760px){.topbar{height:66px}.brand{width:auto}.brand-mark{width:28px;height:28px;padding:5px}.brand-cn{font-size:14px}.header-title{display:none}.header-tools{width:auto;margin-left:auto}.demo-badge{display:none}.shell{display:block}.rail{border-bottom:1px solid #204153;border-right:0;flex-direction:row;justify-content:space-around;width:100%;height:58px;padding:0}.rail-caption,.rail-bottom{display:none}.rail-button{border-bottom:2px solid #0000;border-left:0;flex-direction:row;gap:5px;width:25%;height:57px}.rail-button.active{border-bottom-color:#65dcd6;border-left:0}.rail-label{writing-mode:horizontal-tb;font-size:12px}.rail-index{font-size:13px}.dashboard{flex-direction:column;width:100%;padding:8px;display:flex}.center-column{min-height:700px}.right-column{order:2}.kpi-strip{gap:5px}.kpi-card{height:77px;padding:8px}.kpi-label{font-size:12px}.kpi-value{font-size:16px}.kpi-change{font-size:12px}.visual-panel{min-height:470px}.visual-top{padding:12px}.view-tabs button{padding:5px 7px}.scene-subtitle{display:none}.stage{min-height:340px}.trend-panel{flex-basis:185px;height:185px}.right-column>.panel{margin-bottom:8px}.right-foot{padding-bottom:25px}}.camera-panel{overflow:hidden}.camera-frame{background:#071b29;height:137px;position:relative;overflow:hidden}.camera-frame img{object-fit:cover;filter:contrast(1.12)brightness(.85)saturate(.7);width:100%;height:100%}.camera-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#050f1773);border:1px solid #4fddd82e;position:absolute;inset:0}.camera-overlay{z-index:2;color:#e3f5f1;text-shadow:0 1px 3px #000;justify-content:space-between;font-size:12px;display:flex;position:absolute;top:8px;left:8px;right:8px}.camera-overlay i{background:#f1866c;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block;box-shadow:0 0 6px #ed866b}.camera-foot{color:#84aeb8;padding:9px 12px;font-size:12px}.heat-legend{z-index:3;color:#a4c4c8;background:#04141fcc;border:1px solid #5db0b847;flex-wrap:wrap;align-items:center;gap:7px;max-width:70%;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:19px;left:18px}.heat-legend b{color:#e6f3ed;margin-right:5px}.heat-legend i{width:9px;height:7px;margin-right:4px;display:inline-block}.heat-legend .heat-low{background:#38bcb2}.heat-legend .heat-mid{background:#dfbd6b}.heat-legend .heat-high{background:#e27557}.heat-legend small{color:#d4b486;width:100%;padding-top:3px;font-size:12px}.floor-flow{z-index:4;color:#dcefeb;background:#041520e6;border:1px solid #60c6c361;width:246px;max-width:calc(100% - 94px);padding:13px 14px;position:absolute;top:20px;left:18px;box-shadow:0 14px 35px #00000038}.floor-flow-kicker{letter-spacing:.14em;color:#6ed6cc;margin-bottom:5px;font-size:12px}.floor-flow strong{letter-spacing:.08em;font-size:17px;font-weight:500;display:block}.floor-flow p{color:#a4c4c8;margin:7px 0 0;font-size:12px;line-height:1.5}.floor-flow-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.floor-flow-actions button{color:#c9ebe6;cursor:pointer;background:#092d38e6;border:1px solid #63c1be5c;padding:6px 8px;font-size:12px}.floor-flow-actions button:hover{color:#fff;border-color:#79e9db}.floor-flow-actions .primary{color:#fff;background:#1d7277;border-color:#54d7cb}.room-locator{z-index:4;background:#041520e0;border:1px solid #60c6c34d;flex-wrap:wrap;align-items:center;gap:5px;max-width:calc(100% - 36px);padding:8px;display:flex;position:absolute;top:20px;left:18px}.room-locator span{color:#99c0c5;white-space:nowrap;margin-right:3px;font-size:12px}.room-locator button{color:#b3d4d5;cursor:pointer;background:#0b2e39bf;border:1px solid #5ca1ab59;padding:6px 8px;font-size:12px}.room-locator button:hover,.room-locator button.active{color:#eefef9;background:#1d6972;border-color:#65dcd1}.room-legend{max-width:calc(100% - 36px);top:auto;bottom:58px}.floor-picker{max-height:calc(100% - 64px);padding-right:2px;overflow-y:auto}.floor-picker button{cursor:pointer;flex:0 0 30px}@media (width<=760px){.floor-flow{width:205px;padding:9px;top:10px;left:10px}.floor-flow strong{font-size:14px}.floor-picker{max-height:calc(100% - 54px);top:10px;right:8px}.floor-picker button{flex-basis:27px;width:30px;height:27px}.room-locator{max-width:none;padding:5px;top:10px;left:10px;right:10px}.room-locator button{padding:4px 6px}.room-legend{display:none}.view-tabs button{padding:5px 6px;font-size:12px}}.community-card{z-index:4;color:#d9efeb;background:#041520e6;border:1px solid #5ac5c052;width:235px;max-width:calc(100% - 36px);padding:12px 13px;position:absolute;top:18px;left:18px;box-shadow:0 14px 32px #0003}.community-card small{letter-spacing:.11em;color:#70c9c5;font-size:12px;display:block}.community-card strong{margin-top:5px;font-size:18px;font-weight:500;display:block}.community-card em{color:#83dbcf;margin-left:6px;font-size:12px;font-style:normal;font-weight:400}.community-card p{color:#a6c9ca;margin:5px 0 8px;font-size:12px}.community-card-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.community-card-actions button{color:#f1fbf6;cursor:pointer;background:#1a646d;border:1px solid #59c9c0;padding:6px 8px;font-size:12px}.community-card-actions button+button{background:#10303acc}.community-card-actions button:hover{background:#267d83}.community-card-actions span{color:#82acb4;font-size:12px}.map-label{z-index:3;color:#e9f8f4;text-align:left;cursor:pointer;white-space:nowrap;background:#041621de;border:1px solid #5bccc780;border-left:3px solid #6ddfd2;flex-direction:column;align-items:flex-start;gap:2px;min-width:80px;padding:5px 8px;display:flex;position:absolute;transform:translate(-50%,-100%);box-shadow:0 6px 16px #0003}.map-label b{letter-spacing:.08em;font-size:12px}.map-label small{color:#9fc3c6;font-size:12px}.map-label.selected,.map-label:hover{background:#232f31f5;border-color:#e8bf7b}.map-layer-controls{z-index:4;background:#041621e0;border:1px solid #5cb2b845;flex-wrap:wrap;align-items:center;gap:5px;max-width:calc(100% - 36px);padding:5px 6px;display:flex;position:absolute;bottom:56px;left:18px}.map-layer-controls span,.route-choice span{color:#83abb4;margin:0 3px;font-size:12px}.map-layer-controls button,.route-choice button{color:#a9c8ca;cursor:pointer;background:#0f2d38b8;border:1px solid #65aeb64d;padding:5px 7px;font-size:12px}.map-layer-controls button.active,.route-choice button.active,.map-layer-controls button:hover,.route-choice button:hover{color:#effff9;background:#1a6670;border-color:#64dacf}.route-choice{z-index:4;background:#041621e0;border:1px solid #5cb2b845;align-items:center;gap:5px;padding:5px 6px;display:flex;position:absolute;bottom:97px;left:18px}.zone-legend{z-index:4;color:#a8cbd0;background:#041621db;border:1px solid #5cb2b845;flex-wrap:wrap;align-items:center;gap:7px;max-width:245px;padding:7px 9px;font-size:12px;display:flex;position:absolute;top:126px;left:18px}.zone-legend b{color:#e6f5f1;font-weight:500}.zone-legend span:nth-child(2){color:#5ad7d0}.zone-legend span:nth-child(3){color:#d5ae6c}.zone-legend span:nth-child(4){color:#8ab8ce}.community-heat{flex-wrap:wrap;max-width:270px;display:flex}.community-heat small{width:100%}@media (width<=760px){.visual-panel{min-height:500px}.stage{min-height:390px}.community-card{width:190px;padding:8px;top:9px;left:9px}.community-card strong{font-size:15px}.community-card p{font-size:12px}.map-label{min-width:0;padding:3px 5px}.map-label b{font-size:12px}.map-label small{display:none}.map-layer-controls{gap:3px;max-width:none;padding:4px;bottom:48px;left:9px;right:9px}.map-layer-controls button{padding:4px 5px;font-size:12px}.route-choice{bottom:89px;left:9px}.zone-legend{max-width:190px;top:105px;left:9px}.community-heat{max-width:210px;top:9px;left:9px}}.map-layer-controls button:disabled{opacity:.42;cursor:not-allowed;color:#a9c8ca;background:#0f2d38b8;border-color:#65aeb64d}.poi-label{z-index:3;color:#d7eeeb;text-align:left;cursor:pointer;white-space:nowrap;background:#041621e0;border:1px solid #68b8b859;align-items:center;gap:5px;padding:4px 6px;display:flex;position:absolute;transform:translate(-50%,-100%)}.poi-label>i{background:#775a30;border:1px solid #f0c47c;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 8px #e8b969}.poi-label span{flex-direction:column;display:flex}.poi-label b{font-size:12px;font-weight:500}.poi-label small{color:#89b3bc;font-size:12px}.poi-label:hover{border-color:#e9c27f}@media (width<=760px){.poi-label small{display:none}.poi-label{padding:3px 4px}}#app{min-height:100vh}.topbar{grid-template-columns:minmax(54px,1fr) auto minmax(270px,1fr);align-items:center;height:72px;padding:0 22px;display:grid}.brand{width:40px}.header-title{white-space:nowrap;flex:none}.header-title h1{margin:0;font-size:24px}.header-rule{margin-top:7px}.header-tools{justify-self:end;width:auto}.shell{height:calc(100vh - 72px)}.dashboard{grid-template-columns:258px minmax(0,1fr) 286px;gap:11px;padding:12px}.center-column{gap:10px}.hero-metric{padding:15px 15px 13px}.hero-metric .score-row{margin:5px 0 10px}.hero-metric .score{font-size:45px}.hero-metric .score-foot{margin-top:9px}.hero-kpis{border-top:1px solid #68b8bc38;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;display:grid}.hero-kpi{border-bottom:1px solid #68b8bc24;min-width:0;min-height:70px;padding:10px 5px 7px}.hero-kpi:nth-child(odd){border-right:1px solid #68b8bc24;padding-right:10px}.hero-kpi:nth-child(2n){padding-left:10px}.hero-kpi:nth-last-child(-n+2){border-bottom:0}.hero-kpi-label{color:#9cbcc3;font-size:12px}.hero-kpi-value{color:#f1faf6;white-space:nowrap;margin-top:4px;font:500 22px/1.12 Arial,sans-serif}.hero-kpi-value small{color:#82b8bc;margin-left:3px;font-size:12px}.hero-kpi-note{color:#83d5c5;margin-top:4px;font-size:12px}.hero-kpi-note.negative{color:#f1ae94}.hero-kpi-note.neutral{color:#d5bf91}.visual-top{padding:14px 18px 0}.visual-top h2{margin-top:3px}.visual-foot{flex-basis:31px;height:31px}.community-card{width:222px;top:14px;left:14px}.scene-corner{letter-spacing:.06em;bottom:17px}.trend-panel{flex:0 0 166px;height:166px;padding:12px 17px 9px}.trend-body{height:102px;padding-top:6px}.chart-wrap svg{height:82px}.chart-grid{bottom:15px}.chart-labels{bottom:0}.energy-split{width:130px}@media (width<=1450px){.dashboard{grid-template-columns:238px minmax(0,1fr) 270px}.header-title h1{font-size:21px}.hero-kpi-value{font-size:20px}}@media (width<=1100px){.topbar{grid-template-columns:44px minmax(0,1fr) auto}.dashboard{flex-direction:column;width:calc(100% - 62px);display:flex;overflow:visible}.left-column{display:block;overflow:visible}.left-column .side-heading,.left-column>.panel:not(.hero-metric){display:none}.hero-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-kpi{border-bottom:0;border-right:1px solid #68b8bc24}.hero-kpi:nth-child(2n){padding-left:10px}.hero-kpi:last-child{border-right:0}.center-column{min-height:730px}}@media (width<=760px){.topbar{height:64px;display:flex}.brand{width:34px}.dashboard{width:100%}.hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-kpi:nth-child(2){border-right:0}.hero-kpi:nth-child(-n+2){border-bottom:1px solid #68b8bc24}.hero-kpi:nth-child(3){border-right:1px solid #68b8bc24}.center-column{min-height:700px}.trend-panel{flex-basis:164px;height:164px}}.twin-feature-tabs{border-bottom:1px solid #46707c33;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 18px 8px;display:flex}.twin-feature-tabs button,.twin-inline-action,.twin-actions button,.twin-building-select button,.twin-metric-select button,.twin-filter button{color:#b8d4d5;font:inherit;cursor:pointer;background:#123440;border:1px solid #3c6c79;padding:6px 10px;font-size:12px;transition:background .15s,border-color .15s}.twin-feature-tabs button:hover,.twin-actions button:hover,.twin-inline-action:hover{background:#20515c;border-color:#6bd8ce}.twin-feature-tabs button.active,.twin-building-select button.active,.twin-metric-select button.active,.twin-filter button.active{color:#effff9;background:#20646b;border-color:#63cfc7}.twin-feature-tabs>span{color:#67919e;margin-left:auto;font-size:12px}.twin-stage-control{z-index:7;color:#b7d2d4;background:#082330ed;border:1px solid #4c939d88;width:250px;max-width:calc(100% - 75px);padding:12px;position:absolute;top:14px;left:14px;box-shadow:0 8px 24px #0003}.twin-stage-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.twin-stage-heading strong{letter-spacing:.05em;font-size:13px;font-weight:500}.twin-stage-heading button{color:#83aeb7;cursor:pointer;background:0 0;border:0;padding:0;font-size:22px;line-height:16px}.twin-building-select,.twin-metric-select{gap:5px;margin:7px 0;display:flex}.twin-building-select button{flex:1}.twin-metric-select button{flex:1;padding:6px 5px;font-size:12px}.twin-gradient{background:linear-gradient(90deg,#47b5aa,#eec463,#ed6954);border-radius:2px;height:7px;margin-top:12px}.twin-scale{color:#94b3bc;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.twin-stage-control p{color:#86aab5;margin:10px 0 0;font-size:12px;line-height:1.75}.twin-stage-control small{color:#82c4bf;margin-top:9px;font-size:12px;display:block}.twin-stage-control .twin-inline-action{margin-top:12px;font-size:12px}.twin-status-legend{grid-template-columns:1fr 1fr;gap:9px;font-size:12px;display:grid}.twin-status-legend span{align-items:center;gap:6px;display:flex}.twin-status-legend i{border-radius:50%;width:7px;height:7px}.twin-map-label{z-index:5;color:#d7eae5;white-space:nowrap;cursor:pointer;background:#0b2b38e8;border:1px solid #5caaa98c;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex;position:absolute;box-shadow:0 4px 12px #0004}.twin-map-label:hover{background:#174c59;border-color:#b1ece1}.twin-map-label.fault{border-color:#d46c62}.twin-map-label.warn{border-color:#c7a85e}.twin-map-label.offline{color:#95a9b1;border-color:#68818e}.twin-map-label i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.twin-detail-panel{border-color:#4e9ba166;flex-shrink:0;padding-bottom:12px}.twin-detail-heading{justify-content:space-between;align-items:center;gap:8px;padding:13px 12px 7px;font-size:12px;display:flex}.twin-detail-heading b{color:#dcedea;font-weight:500}.twin-detail-heading span{white-space:nowrap;color:#76cab6;font-size:12px}.twin-detail-heading .fault,.twin-lift-display .fault{color:#f1776d}.twin-detail-heading .warn,.twin-lift-display .warn{color:#f0c46b}.twin-detail-heading .offline{color:#8395a4}.twin-energy-total{color:#f0e4bd;padding:0 12px 10px;font:300 32px/1.3 Arial}.twin-energy-total small{color:#a6b8ad;margin-left:6px;font-size:12px}.twin-submeters{padding:0 12px 7px}.twin-submeters>div{color:#8db2bb;justify-content:space-between;margin-bottom:4px;padding:6px 0 10px;font-size:12px;display:flex;position:relative}.twin-submeters b{color:#d6e9e3;font-weight:500}.twin-submeters i{background:#5fc5b9;border-radius:1px;height:3px;position:absolute;bottom:2px;left:0}.twin-submeters>div:nth-child(2) i{background:#e3ad6e}.twin-submeters>div:nth-child(3) i{background:#6d9eb7}.twin-list-caption{color:#b6d0d1;border-top:1px solid #5c8c972e;justify-content:space-between;padding:9px 12px;font-size:12px;display:flex}.twin-list-caption small{color:#799eaa;font-size:12px}.twin-floor-row{color:#a6c5cc;cursor:pointer;background:#123240;border:1px solid #0000;align-items:center;gap:7px;width:calc(100% - 20px);margin:2px 10px;padding:7px 8px;font-size:12px;display:flex;position:relative}.twin-floor-row span{min-width:26px}.twin-floor-row i{opacity:.8;max-width:58%;height:4px}.twin-floor-row b{color:#e2efdf;margin-left:auto;font-weight:500}.twin-floor-row.selected{background:#1a4750;border-color:#70c9c3}.twin-asset-list{scrollbar-width:thin;scrollbar-color:#3a6670 transparent;max-height:222px;margin:5px 0;overflow:auto}.twin-asset-list button{text-align:left;color:#accbd0;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #48717e33;align-items:center;gap:7px;width:100%;padding:9px 11px;font-size:12px;display:flex}.twin-asset-list button.selected{background:#24505c80;border-left:2px solid #6dd4ca;padding-left:9px}.twin-asset-list button:hover{background:#24505c50}.twin-asset-list i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.twin-asset-list span{flex:1;min-width:0}.twin-asset-list small{color:#7398a5;margin-top:4px;font-size:12px;display:block}.twin-asset-list b{white-space:nowrap;font-size:12px;font-weight:400}.twin-filter{flex-wrap:wrap;gap:4px;padding:10px 10px 2px;display:flex}.twin-filter button{padding:4px 6px;font-size:12px}.device-assets{max-height:192px}.camera-assets{max-height:210px}.twin-lift-display{background:#0b2936;border:1px solid #43788655;justify-content:space-between;align-items:center;margin:10px 12px;padding:14px 15px;display:flex}.twin-lift-display strong{color:#a4f1d0;font:300 39px/1 Arial}.twin-lift-display strong small{color:#89b5b2;margin-left:5px;font-size:12px}.twin-lift-display>span{color:#75d6b1;font-size:12px}.twin-readings{padding:4px 12px}.twin-readings>div{color:#8db0b9;border-bottom:1px solid #496d7833;justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;display:flex}.twin-readings b{color:#dbece5;font-weight:500}.twin-actions{flex-wrap:wrap;gap:6px;padding:10px 12px 0;display:flex}.twin-actions button{padding:6px 8px;font-size:12px}.twin-actions button:disabled{opacity:.35;cursor:not-allowed}.twin-note{color:#7fa3af;margin:8px 12px;font-size:12px;line-height:1.7}.twin-detail-panel .demo-feed{border:1px solid #447b8755;margin:10px 11px 0}.monitoring .scene-subtitle{font-size:12px}.monitoring .alarm-list{max-height:145px}.monitoring .trend-head h3{font-size:13px}.monitoring .trend-controls button{padding:4px 6px}.chart-empty{z-index:2;color:#839ba4;place-items:center;font-size:12px;display:grid;position:absolute;inset:0}.monitoring .chart-grid{font-size:12px}.video-wall-backdrop{z-index:45;background:#020d16da;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.video-wall{color:#c6dfe1;background:linear-gradient(130deg,#102f3d,#081c2b);border:1px solid #528e99;flex-direction:column;width:min(1280px,100%);max-height:calc(100vh - 56px);display:flex;box-shadow:0 24px 80px #0008}.video-wall:fullscreen{width:100%;height:100%;max-height:none;padding:20px}.video-wall header{border-bottom:1px solid #6cb5be33;justify-content:space-between;align-items:center;padding:17px 21px;display:flex}.video-wall h2{letter-spacing:.06em;margin:0 0 6px;font-size:19px;font-weight:500}.video-wall header small{color:#7ba8b3;font-size:12px}.video-wall-actions{align-items:center;gap:8px;display:flex}.video-wall button{color:#c4e3df;cursor:pointer;background:#163d4b;border:1px solid #497b87;padding:7px 11px;font-size:12px}.video-wall button:hover,.video-wall button.active{background:#23656c;border-color:#78c9c3}.video-wall button:disabled{opacity:.35;cursor:not-allowed}.video-wall .video-wall-close{background:0 0;border:0;padding:0 0 0 15px;font-size:26px}.video-wall-body{grid-template-columns:195px minmax(0,1fr);gap:16px;min-height:0;padding:16px;display:grid;overflow:auto}.video-wall-body aside{flex-direction:column;gap:5px;display:flex}.video-wall-body aside button{text-align:left;align-items:center;gap:7px;padding:11px 8px;font-size:12px;display:flex}.video-wall-body aside button>span{flex:1}.video-wall-body aside small{color:#7ba8b3;margin-top:5px;font-size:12px;display:block}.video-wall-body aside b{font-size:12px;font-weight:400}.video-wall-body aside i{border-radius:50%;flex-shrink:0;width:6px;height:6px}.video-feed-grid{align-content:start;gap:10px;display:grid}.video-feed-grid.quad{grid-template-columns:repeat(2,minmax(0,1fr))}.video-feed-grid.single{grid-template-columns:minmax(0,1fr)}.wall-channel{cursor:pointer;border:1px solid #3b6978;min-width:0}.wall-channel.selected{border-color:#80d5c9}.wall-channel>div:last-child{background:#102e3b;justify-content:space-between;gap:8px;padding:7px 9px;font-size:12px;display:flex}.wall-channel b{font-weight:500}.wall-channel span{color:#7bbdb1;font-size:12px}.video-wall footer{border-top:1px solid #6cb5be33;padding:12px 16px}.video-playback-controls{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.video-playback-controls>span{color:#8babaf;margin-left:auto;font-size:12px}.video-timeline{color:#91b6bd;align-items:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.video-timeline input{accent-color:#68cdbf;flex:1;min-width:40px}.video-timeline b{color:#d8e8dd;font-weight:500}@media (width<=1450px){.twin-stage-control{width:222px}.twin-feature-tabs{padding:8px 13px}.twin-feature-tabs button{padding:5px 8px;font-size:12px}.twin-feature-tabs>span{display:none}.video-wall-backdrop{padding:18px}.video-wall-body{grid-template-columns:165px minmax(0,1fr)}}@media (width<=760px){.twin-stage-control{width:205px;padding:9px;top:9px;left:9px}.twin-map-label{padding:5px;font-size:12px}.twin-feature-tabs{gap:4px;padding:7px 9px}.twin-feature-tabs button{padding:5px 7px}.video-wall-backdrop{padding:6px}.video-wall{max-height:calc(100vh - 12px)}.video-wall-body{grid-template-columns:minmax(0,1fr);gap:9px;padding:9px}.video-wall-body aside{flex-direction:row;flex-shrink:0;overflow:auto}.video-wall-body aside button{min-width:138px}.video-wall header{padding:12px}.video-wall h2{font-size:16px}.video-playback-controls>span{width:100%;margin:0}.video-feed-grid.quad{gap:6px}.wall-channel>div:last-child{padding:5px;font-size:12px}.video-wall-actions{gap:3px}.video-wall-actions button{padding:5px;font-size:12px}.rail-button{width:16.666%}.rail-label{font-size:12px}}html,body,#app{height:100%;overflow:hidden}.immersive-app{--left:280px;--right:300px;--edge:24px;--hud-top:94px;--context-top:150px;color:#e3f1ff;background:#b6cfdf;width:100vw;height:100dvh;position:relative;overflow:hidden}.immersive-app .fullscreen-stage{z-index:0;background:0 0;width:100vw;height:100dvh;min-height:0;position:fixed;inset:0}.fullscreen-stage>canvas{width:100%;height:100%;display:block}.screen-shade{z-index:1;pointer-events:none;background:linear-gradient(#03142acc,#081f3440 115px,#0000 220px),linear-gradient(90deg,#051a302e,#0000 25% 75%,#051a302e),linear-gradient(#0000 78%,#0315275e);position:fixed;inset:0}.hud-header{z-index:10;pointer-events:none;height:93px;padding:30px var(--edge) 0;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;inset:0 0 auto}.hud-title{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);clip-path:polygon(0 0,100% 0,97% 100%,3% 100%);background:linear-gradient(90deg,#0000,#082f4e4f 14%,#07274475 50%,#082f4e4f 86%,#0000);border-bottom:1px solid #8bc9e05c;place-items:center;width:min(1200px,100vw - 330px);height:66px;display:grid;position:absolute;top:7px;left:50%;transform:translate(-50%)}.hud-title:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#9adffa88,#0000) 50% 4px/58% 1px no-repeat,linear-gradient(90deg,#0000,#6ab4df70,#0000) bottom/88% 1px no-repeat;position:absolute;inset:0}.hud-title:after{content:"";opacity:.42;pointer-events:none;background:repeating-linear-gradient(90deg,#78bedf80 0 13px,#0000 13px 33px);height:1px;position:absolute;bottom:6px;left:13%;right:13%}.hud-title h1{letter-spacing:4px;color:#f0faff;text-shadow:0 2px 4px #082441,0 0 13px #79cced55;white-space:nowrap;margin:0 0 2px 4px;font-size:28px;font-weight:500;position:relative}.title-glint{opacity:.65;background:linear-gradient(90deg,#0000,#9de9ff,#0000);height:1px;position:absolute;bottom:12px;left:40%;right:40%}.hud-status{color:#d5eaff;white-space:nowrap;text-shadow:0 1px 3px #0a2139;align-items:center;gap:6px;font-size:12px;line-height:24px;display:flex}.hud-status small{color:#8db8d8;border-left:1px solid #8db8d844;margin-left:4px;padding-left:10px;font-size:12px}.hud-status .connection-dot{background:#73e3cb;margin:0 3px 0 0;box-shadow:0 0 7px #73e3cb99}.hud-header-tools{pointer-events:auto;align-items:center;gap:11px;display:flex}.hud-clock{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#d9efff;text-shadow:0 1px 3px #0a2139;font-size:12px}.hud-header-tools button{color:#9ed5fb;background:0 0;border:0;place-items:center;padding:4px;display:grid}.hud-header-tools button:hover{color:#fff}.hud-nav{z-index:10;white-space:nowrap;align-items:center;gap:9px;padding:3px;display:flex;position:fixed;top:92px;left:50%;transform:translate(-50%)}.hud-nav button{color:#afcfe9;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:linear-gradient(#17456e8c,#09264d66);border:1px solid #73b6ed47;justify-content:center;align-items:center;gap:9px;min-width:126px;height:39px;padding:0 15px;font-size:12px;transition:background .2s,color .2s;display:flex;position:relative}.hud-nav button.active{color:#effbff;text-shadow:0 0 8px #5fceff60;background:linear-gradient(#2689c787,#195a9eb3);border-color:#79ceffb3}.hud-nav button:hover{color:#effbff;background:#2375a670}.hud-nav button i{background:0 0;height:2px;position:absolute;bottom:0;left:28%;right:28%}.hud-nav button.active i{background:#a1ecff;box-shadow:0 0 8px #65ceff}.scene-context{z-index:4;top:var(--context-top);left:calc(var(--edge) + var(--left) + 28px);right:calc(var(--edge) + var(--right) + 26px);pointer-events:none;color:#edf8ff;text-shadow:0 1px 4px #123c5e;justify-content:space-between;align-items:center;gap:18px;display:flex;position:fixed}.scene-context>div:first-child{padding-left:13px;position:relative}.context-line{background:#9edcff;width:2px;position:absolute;top:4px;bottom:2px;left:0;box-shadow:0 0 8px #78ccff7a}.scene-context h2{letter-spacing:2px;margin:0;font-size:18px;font-weight:500;line-height:1.5}.scene-context small{color:#d0e4f0;letter-spacing:1px;margin-top:3px;font-size:12px;display:block}.context-actions{pointer-events:auto;gap:8px;display:flex}.context-actions button{color:#e0f2ff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09335b8a;border:1px solid #94cfff66;align-items:center;gap:5px;padding:7px 10px;font-size:12px;display:flex}.immersive-app .hud-column{z-index:6;top:var(--hud-top);width:var(--left);scrollbar-width:thin;scrollbar-color:#7bb5de55 transparent;pointer-events:auto;flex-direction:column;gap:14px;min-width:0;padding:2px 3px 8px;display:flex;position:fixed;bottom:29px;overflow:hidden auto}.immersive-app .left-column{left:calc(var(--edge) - 3px)}.immersive-app .right-column{right:calc(var(--edge) - 3px);width:var(--right)}.immersive-app .hud-column>.panel{flex-shrink:0;margin:0;display:block}.immersive-app .panel{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#d5e9f9;background:linear-gradient(125deg,#051f3bc7,#08254199);border:1px solid #6aafe759;border-radius:4px;position:relative;box-shadow:0 9px 25px #071b362b,inset 0 0 25px #1e7bb013}.immersive-app .panel:before{content:"";opacity:.5;pointer-events:none;z-index:0;border:21px solid #0000;border-image:url(/media/hud/panel-frame-v1.png) 110 fill/21px;width:auto;height:auto;position:absolute;inset:-4px}.immersive-app .panel>*{z-index:1;position:relative}.immersive-app .panel-title{color:#e4f6ff;letter-spacing:1px;border-bottom:1px solid #62a2d52b;justify-content:space-between;align-items:center;padding:15px 15px 12px;font-size:13px;font-weight:500;display:flex}.immersive-app .panel-title>span{align-items:center;gap:8px;display:flex}.immersive-app .panel-title .ui-icon{color:#80ceff}.immersive-app .panel-title small{letter-spacing:.3px;color:#8daecb;font-size:12px}.panel-close{color:#a8cee8;background:0 0;border:0;place-items:center;padding:0;display:grid}.immersive-app .hero-metric{padding:0}.hud-score{justify-content:space-between;align-items:center;padding:12px 15px 10px;display:flex}.hud-score>div:first-child{align-items:baseline;gap:11px;display:flex}.hud-score strong{color:#d8f4ff;font-variant-numeric:tabular-nums;text-shadow:0 0 15px #48b9ff33;font:400 37px/1.1 Bahnschrift,Arial,sans-serif}.hud-score strong span{font-size:24px}.hud-score small{color:#95b6ce;font-size:12px}.health-label{color:#99e5c8;background:#54caad12;border:1px solid #63cdbb30;border-radius:3px;align-items:center;gap:5px;padding:5px 7px;font-size:12px;display:flex}.health-label i{background:#7ee2c0;border-radius:50%;width:4px;height:4px}.score-orbit{display:none}.immersive-app .hero-kpis{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;padding:0 13px 12px;display:grid}.immersive-app .hero-kpi{border-bottom:1px solid #75b2dd24;min-height:67px;padding:9px 5px 8px}.immersive-app .hero-kpi:nth-child(odd){border-right:1px solid #75b2dd24;padding-right:10px}.immersive-app .hero-kpi:nth-child(2n){border-right:0;padding-left:13px}.immersive-app .hero-kpi:nth-last-child(-n+2){border-bottom:0}.immersive-app .hero-kpi-label{color:#9bbcd6;font-size:12px}.immersive-app .hero-kpi-value{color:#effaff;margin-top:6px;font:400 25px/1.2 Bahnschrift,Arial,sans-serif}.immersive-app .hero-kpi-value small{color:#87b5d6;margin-left:4px;font-size:12px}.immersive-app .hero-kpi-note{color:#84dac1;margin-top:4px;font-size:12px}.immersive-app .hero-kpi-note.neutral{color:#dfc899}.immersive-app .hero-kpi-note.negative{color:#f3b3a8}.immersive-app .status-row{background:0 0;border-bottom-color:#6a9dc422;min-height:48px;padding:10px 14px}.immersive-app .status-icon{color:#80ceff;background:#4aa8e817;border:1px solid #67b9f329;border-radius:4px;place-items:center;width:29px;height:29px;display:grid}.immersive-app .status-main b{color:#d9eefa;font-size:12px;font-weight:500}.immersive-app .status-main small{color:#8eaec7;margin-top:4px;font-size:12px}.immersive-app .status-dot{width:5px;height:5px;box-shadow:0 0 6px #61d9bd66}.immersive-app .status-row.selected{background:#468ace2e}.immersive-app .status-value{color:#b5ddf8;font-size:12px}.immersive-app .mini-grid{gap:0;padding:9px 14px 11px}.immersive-app .mini-metric{border-color:#699dc525;min-height:51px;padding:7px 0}.immersive-app .mini-metric small{color:#94b5cc;font-size:12px}.immersive-app .mini-metric strong{color:#e0f4ff;font-size:22px;font-weight:400}.immersive-app .mini-metric em{color:#93b2ca;font-size:12px}.immersive-app .device-list{padding:0 10px 11px}.immersive-app .device-line{background:0 0;border-color:#75a4c722;font-size:12px}.immersive-app .device-line.selected{background:#306d9b38}.immersive-app .twin-stage-control{width:auto;max-width:none;margin:0;padding:15px;position:relative;inset:auto;box-shadow:0 9px 25px #071b362b}.immersive-app .twin-stage-heading{margin:0 0 12px}.immersive-app .twin-stage-heading strong{letter-spacing:1px;color:#e4f6ff;font-size:13px;font-weight:500}.immersive-app .twin-stage-heading button{color:#a9d5f0}.immersive-app .twin-stage-control p{color:#a0bdd2;margin-top:12px;font-size:12px;line-height:1.8}.immersive-app .twin-building-select{gap:6px}.immersive-app .twin-metric-select{gap:5px}.immersive-app .twin-scale{color:#a5c2d6}.immersive-app .twin-status-legend{gap:12px 8px;padding:3px 0;font-size:12px}.immersive-app .twin-building-select button,.immersive-app .twin-metric-select button,.immersive-app .twin-filter button,.immersive-app .twin-inline-action,.immersive-app .twin-actions button,.immersive-app .incident-actions button,.immersive-app .floor-flow-actions button{color:#d0e7f7;background:#235d8a33;border:1px solid #72b2df55;border-radius:2px;font-size:12px}.immersive-app .twin-building-select button.active,.immersive-app .twin-metric-select button.active,.immersive-app .twin-filter button.active,.immersive-app .twin-actions button:hover,.immersive-app .incident-actions button:hover{color:#f2fbff;background:#338bc354;border-color:#85c9f5}.immersive-app .twin-inline-action{align-items:center;gap:5px;padding:7px 10px;display:inline-flex}.immersive-app .twin-detail-panel{padding-bottom:13px}.immersive-app .twin-detail-heading{padding:12px 14px 7px;font-size:12px}.immersive-app .twin-detail-heading b{color:#e2f2fe;font-weight:500}.immersive-app .twin-energy-total{color:#e9f6ff;padding:2px 14px 9px;font:400 34px/1.25 Bahnschrift,Arial,sans-serif}.immersive-app .twin-energy-total small{color:#a5c8e2;font-size:12px}.immersive-app .twin-submeters{padding:0 14px 8px}.immersive-app .twin-submeters>div{color:#a2c1d7;padding:6px 0 10px;font-size:12px}.immersive-app .twin-submeters b{color:#d9ebf8}.immersive-app .twin-submeters i{background:#6fbee7}.immersive-app .twin-list-caption{color:#c3dfef;padding:9px 14px;font-size:12px}.immersive-app .twin-floor-row{background:#326b9930;border-radius:2px;width:calc(100% - 22px);margin:3px 11px;padding:7px 8px}.immersive-app .twin-floor-row.selected{background:#438fc34d;border-color:#75c2ec9c}.immersive-app .twin-floor-row span{color:#bddbed}.immersive-app .twin-floor-row b{color:#e6f4fc}.immersive-app .twin-asset-list button{color:#c5dfef;border-bottom-color:#6e9fc225;padding:10px 13px;font-size:12px}.immersive-app .twin-asset-list button.selected{background:#3986b73d;border-left-color:#8ed8fa;padding-left:11px}.immersive-app .twin-asset-list small{color:#8cadc4;font-size:12px}.immersive-app .twin-readings{padding:4px 14px}.immersive-app .twin-readings>div{color:#a3c2d6;border-color:#84add02a;padding:8px 0}.immersive-app .twin-readings b{color:#e2f1fb}.immersive-app .twin-note{color:#9cbbcf;margin:9px 14px;font-size:12px;line-height:1.8}.immersive-app .twin-actions{padding:10px 14px 0}.immersive-app .twin-lift-display{background:#102e4d70;border-color:#74b3dd47;margin:10px 14px}.immersive-app .twin-lift-display strong{font-family:Bahnschrift,Arial,sans-serif}.immersive-app .twin-filter{padding:11px 12px 4px}.immersive-app .twin-filter button{font-size:12px}.immersive-app .twin-detail-panel .demo-feed{border:1px solid #6dbae95c;margin:10px 12px 0}.immersive-app .alarm-counts{border-bottom-color:#7ba8c52b;padding:12px 8px}.immersive-app .alarm-counts>div{border-right-color:#7ba8c52b}.immersive-app .alarm-counts strong{color:#edf7ff;font:400 26px/1.2 Bahnschrift,Arial}.immersive-app .alarm-counts>div:nth-child(2) strong{color:#eac29a}.immersive-app .alarm-counts>div:last-child strong{color:#9bd7c3}.immersive-app .alarm-counts span{color:#9bbbd1;margin-top:4px;font-size:12px;display:block}.immersive-app .alarm-list{scrollbar-color:#6bafd56e transparent;max-height:180px}.immersive-app.monitoring .alarm-list{max-height:145px}.immersive-app .alarm-item{border-bottom-color:#75a5c323;padding:11px 12px}.immersive-app .alarm-item.selected{background:#347ba13d}.immersive-app .alarm-main b{color:#dfedf8;font-size:12px;font-weight:500}.immersive-app .alarm-main small{color:#9bb6cc;font-size:12px}.immersive-app .alarm-state{color:#b0cadd;font-size:12px}.immersive-app .alarm-main em{color:#adcee4;border-color:#7dacc472;font-size:12px}.immersive-app .alarm-main em.warning{color:#f1d49f;border-color:#cdad686b}.immersive-app .alarm-main em.danger{color:#f1b2a8;border-color:#d47b6c70}.immersive-app .incident-title{padding:13px 14px 4px}.immersive-app .incident-panel p{color:#b2cbdf;margin:8px 14px 11px;font-size:12px}.immersive-app .action-timeline{padding:2px 14px 4px}.immersive-app .action-timeline>div{color:#90afc7;font-size:12px}.immersive-app .action-timeline i.done+span{color:#d2e9f5}.immersive-app .incident-actions{padding:7px 14px 2px}.immersive-app .incident-actions button{padding:7px 9px}.immersive-app .scenario-buttons{grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 13px;display:grid}.immersive-app .scenario-buttons button{color:#9ed3f6;background:#3374a51e;border:1px solid #6ca6d137;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin:0;padding:12px 3px;display:flex}.immersive-app .scenario-buttons button:nth-child(2){color:#81c6f2}.immersive-app .scenario-buttons button:nth-child(3){color:#edb8a1}.immersive-app .scenario-buttons b{color:#cbe3f4;font-size:12px;font-weight:500}.immersive-app .scenario-buttons button:hover{background:#4082b13b;border-color:#75b7e7}.immersive-app .mode-select{color:#99b8ce;border-color:#85b6d52b;margin:0 13px;padding:10px 0 1px}.immersive-app .mode-select button{color:#a6c3d8;background:0 0;border-color:#6b9dbe55;font-size:12px}.immersive-app .mode-select button.active{color:#e2f3ff;background:#2874aa57;border-color:#7dbfe5}.immersive-app .insight-panel{padding-bottom:13px}.immersive-app .insight-panel p{color:#a6c3d9;margin:12px 15px;font-size:12px;line-height:1.9}.immersive-app .text-link{color:#a2daff;background:0 0;border:0;align-items:center;gap:6px;margin:0 15px;padding:0;font-size:12px;display:flex}.immersive-app .floor-flow{width:auto;max-width:none;padding:0 0 14px;position:relative;inset:auto;box-shadow:0 9px 25px #071b362b}.immersive-app .floor-flow>strong{letter-spacing:1px;color:#e1f2ff;margin:14px 15px 0;font-size:19px}.immersive-app .floor-flow p{color:#a4c1d5;margin:10px 15px;font-size:12px;line-height:1.85}.immersive-app .floor-flow-actions{margin:13px 15px 0}.immersive-app .floor-flow-actions button{align-items:center;gap:7px;padding:7px 10px;display:flex}.immersive-app .map-label,.immersive-app .twin-map-label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#d9f1ff;background:linear-gradient(120deg,#07335ac9,#14446fc2);border:1px solid #8ad5ff88;border-radius:3px;align-items:center;gap:8px;min-width:0;padding:8px 11px;font-size:12px;display:flex;box-shadow:0 4px 18px #06284b30}.immersive-app .map-label .ui-icon{color:#8bd4ff}.immersive-app .map-label b{color:#e9f9ff;letter-spacing:1px;font-size:15px;font-weight:500;display:block}.immersive-app .map-label small{color:#add0e8;margin-top:4px;font-size:12px;display:block}.immersive-app .map-label.selected{background:linear-gradient(120deg,#125a84e6,#16426dc9);border-color:#c0efff;box-shadow:0 0 15px #87d9ff27}.immersive-app .twin-map-label.fault{border-color:#e78b81}.immersive-app .twin-map-label.warn{border-color:#e0c68b}.immersive-app .twin-map-label.offline{color:#adbece;background:#243e53c9;border-color:#91a5b9}.immersive-app .poi-label{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#bce3fa;background:#123b60b3;border:1px solid #80bee56b;border-radius:3px;align-items:center;gap:6px;padding:6px 9px;display:flex}.immersive-app .poi-label b{color:#dcefff;font-size:12px}.immersive-app .poi-label small{color:#99bed8;font-size:12px}.immersive-app .map-layer-controls{z-index:7;left:calc(var(--edge) + var(--left) + 29px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a2e4ea6;border:1px solid #7cb8de4d;border-radius:3px;gap:5px;padding:5px;display:flex;position:fixed;top:auto;bottom:202px;right:auto}.immersive-app .map-layer-controls button{color:#a9cce4;background:0 0;border:1px solid #0000;align-items:center;gap:5px;padding:6px 9px;font-size:12px;display:flex}.immersive-app .map-layer-controls button.active{color:#e2f3ff;background:#347ca94d;border-color:#76c4ef66}.immersive-app .route-choice{z-index:7;top:auto;left:calc(var(--edge) + var(--left) + 29px);background:#0c3255ba;border-color:#77afda55;position:fixed;bottom:249px}.immersive-app .route-choice button{color:#c0dff0}.immersive-app .route-choice button.active{color:#f1faff;background:#367fba70}.immersive-app .floor-picker{z-index:7;top:220px;right:calc(var(--edge) + var(--right) + 22px);gap:6px;max-height:calc(100vh - 420px);padding:0;position:fixed;left:auto;overflow:auto}.immersive-app .floor-picker>span{color:#d2e9f5;text-shadow:0 1px 3px #31526e;font-size:12px}.immersive-app .floor-picker button{color:#badff4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c335db3;border:1px solid #8ac7eb68;border-radius:3px;flex-basis:32px;width:35px;height:32px;font-size:12px}.immersive-app .floor-picker button.active{color:#f0fbff;background:#358dcbb3;border-color:#b8eaff}.immersive-app .room-locator{z-index:7;left:calc(var(--edge) + var(--left) + 28px);right:calc(var(--edge) + var(--right) + 27px);width:max-content;max-width:none;max-width:calc(100vw - var(--left) - var(--right) - 100px);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b3155bf;border-color:#82c1e660;border-radius:3px;padding:7px;position:fixed;top:211px}.immersive-app .room-locator button{color:#bfdff3;background:0 0;border-color:#75b2de4d;border-radius:2px}.immersive-app .room-locator button.active{color:#ecfaff;background:#317fb95c;border-color:#86cff5}.immersive-app .scene-toolbar{z-index:8;left:auto;right:calc(var(--edge) + var(--right) + 22px);flex-direction:column;gap:7px;padding:0;display:flex;position:fixed;bottom:204px}.immersive-app .scene-toolbar button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#a6d5f4;background:#0b315ac2;border:1px solid #83c2e85e;border-radius:3px;place-items:center;width:37px;height:37px;padding:0;display:grid}.immersive-app .scene-toolbar button.active,.immersive-app .scene-toolbar button:hover{color:#e8f9ff;background:#1c6596a6;border-color:#a8e0ff}.immersive-app .trend-panel{z-index:6;width:calc(100vw - var(--left) - var(--right) - 115px);flex:none;max-width:850px;height:153px;min-height:0;margin:0;padding:13px 18px 9px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.immersive-app .trend-head{align-items:center}.immersive-app .panel-kicker{letter-spacing:.5px;color:#8bc7ee;align-items:center;gap:6px;font-size:12px;display:flex}.immersive-app .trend-head h3{color:#dcedfa;margin:4px 0 0;font-size:12px;font-weight:500}.immersive-app .trend-controls button{color:#99bdd9;background:0 0;border-color:#7db6db44;padding:4px 7px;font-size:12px}.immersive-app .trend-controls button.active{color:#e7f7ff;background:#2d79a84f;border-color:#8ccbe981}.immersive-app .trend-body{gap:15px;height:89px;padding-top:8px}.immersive-app .chart-wrap svg{height:68px}.immersive-app .chart-grid{color:#98bbd2;background:repeating-linear-gradient(#0000 0 25px,#65a4cf1a 26px);font-size:12px;bottom:13px}.immersive-app .chart-labels{color:#91b6d0;font-size:12px;bottom:0}.immersive-app .energy-split{border-left-color:#80b0cf33;width:122px;padding-left:11px}.immersive-app .energy-split>div{color:#a1c5df;font-size:12px}.immersive-app .energy-split b{color:#e4f4ff;font:400 16px Bahnschrift,Arial}.immersive-app .energy-split small{color:#94b4cc;font-size:12px}.immersive-app .split-dot.electric{background:#7cc9fa}.immersive-app .chart-empty{color:#a8c3d8}.hud-footer{z-index:8;left:var(--edge);right:var(--edge);color:#c5dfef;text-shadow:0 1px 3px #163551;pointer-events:none;justify-content:space-between;align-items:center;gap:15px;font-size:12px;display:flex;position:fixed;bottom:7px}.hud-footer>span:first-child{align-items:center;gap:7px;display:flex}.hud-footer i{background:#82dfc9;border-radius:50%;width:4px;height:4px}.hud-footer small{color:#afcadd;font-size:12px}.hud-footer a{color:#c0ddf1;pointer-events:auto;margin-left:4px}.hud-footer>span:first-child small{border-left:1px solid #a3c9e755;margin-left:6px;padding-left:8px}.immersive-app .toast{z-index:70;color:#e8f6ff;background:#0c3858e6;border-color:#8dd8f9;bottom:195px;box-shadow:0 8px 20px #09213940}.immersive-app .model-loading{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#092342e6;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.immersive-app .model-loading small{color:#8db9d8}.immersive-app .guide-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(140deg,#123d64ed,#082744f5);border-color:#75b5e4}.immersive-app .guide-modal h2{font-size:23px}.immersive-app .guide-start{background:#236d9e;border-color:#8dd1f5}.immersive-app .guide-note{color:#b7d1e3;background:#163e60;border-left-color:#8ccdf6}.immersive-app .guide-close{place-items:center;padding:3px;display:grid}.immersive-app .video-wall-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06152bca}.immersive-app .video-wall{background:linear-gradient(130deg,#0c3157f2,#071e38f5);border-color:#7bb9e7}.immersive-app .video-wall header{border-bottom-color:#83b9df3a}.immersive-app .video-wall button{color:#cfe8fa;background:#215e883d;border-color:#75b8e56e}.immersive-app .video-wall button.active{background:#348bc265;border-color:#9dd7fa}.immersive-app .video-wall h2{color:#e5f5ff;letter-spacing:2px}.immersive-app .video-wall-body aside button{font-size:12px}.immersive-app .wall-channel{border-color:#7db7e860}.immersive-app .wall-channel.selected{border-color:#a4e3ff}.immersive-app .wall-channel>div:last-child{color:#c9e3f5;background:#123c5b}.hud-hidden .hud-column,.hud-hidden .trend-panel,.hud-hidden .scene-context,.hud-hidden .map-layer-controls,.hud-hidden .route-choice,.hud-hidden .room-locator{display:none!important}.immersive-app.hud-hidden .scene-toolbar{right:var(--edge);bottom:34px}@media (width>=1800px){.immersive-app{--left:310px;--right:330px;--edge:30px;--hud-top:158px}.hud-title{width:1050px}.hud-title h1{font-size:34px}.hud-nav{top:99px}.hud-nav button{min-width:140px;height:42px;font-size:13px}.immersive-app .trend-panel{max-width:940px;height:166px}.immersive-app .trend-body{height:100px}.immersive-app .chart-wrap svg{height:80px}.immersive-app .status-row{min-height:53px}.immersive-app .hero-kpi{min-height:74px}.immersive-app .hero-kpi-value{font-size:28px}.immersive-app .scene-toolbar,.immersive-app .map-layer-controls{bottom:220px}}@media (width<=1450px){.immersive-app{--left:250px;--right:270px;--edge:18px;--hud-top:142px}.hud-title{width:830px;height:107px;top:-7px}.hud-title h1{letter-spacing:4px;font-size:27px}.hud-header{padding-top:27px}.hud-status{font-size:12px}.hud-status small{margin-left:0;padding-left:6px;font-size:12px}.hud-header-tools{gap:8px}.hud-clock{letter-spacing:0;font-size:12px}.hud-nav{gap:7px;top:87px}.hud-nav button{gap:7px;min-width:115px;height:36px;padding:0 12px;font-size:12px}.scene-context{left:calc(var(--edge) + var(--left) + 24px);right:calc(var(--edge) + var(--right) + 25px);gap:10px}.scene-context h2{letter-spacing:1px;font-size:16px}.scene-context small{font-size:12px}.context-actions button{padding:6px 7px;font-size:12px}.immersive-app .hud-column{gap:12px}.immersive-app .panel-title{padding:13px 13px 11px;font-size:12px}.immersive-app .hero-kpi{min-height:60px;padding-top:8px;padding-bottom:7px}.immersive-app .hero-kpi-value{font-size:23px}.hud-score{padding:10px 13px 9px}.hud-score strong{font-size:33px}.hud-score strong span{font-size:22px}.hud-score small{font-size:12px}.health-label{padding:4px 5px;font-size:12px}.immersive-app .status-row{min-height:45px;padding:8px 12px}.immersive-app .status-main b,.immersive-app .status-main small{font-size:12px}.immersive-app .mini-metric{min-height:46px}.immersive-app .twin-stage-control{padding:13px}.immersive-app .twin-stage-heading strong{font-size:12px}.immersive-app .twin-metric-select button{padding:6px 3px;font-size:12px}.immersive-app .trend-panel{height:145px;width:calc(100vw - var(--left) - var(--right) - 105px);padding:12px 15px 8px;bottom:29px}.immersive-app .trend-body{height:82px}.immersive-app .chart-wrap svg{height:63px}.immersive-app .trend-head h3{font-size:12px}.immersive-app .map-layer-controls,.immersive-app .scene-toolbar{bottom:194px}.immersive-app .map-layer-controls{left:calc(var(--edge) + var(--left) + 24px)}.immersive-app .map-layer-controls button{gap:4px;padding:5px 7px;font-size:12px}.immersive-app .floor-picker{top:205px}.immersive-app .floor-picker button{flex-basis:29px;width:31px;height:29px}.immersive-app .room-locator{top:202px}.hud-footer,.hud-footer small{font-size:12px}}@media (width<=1100px){.immersive-app{--left:215px;--right:245px;--edge:12px}.hud-title{width:690px}.hud-title h1{letter-spacing:3px;font-size:23px}.hud-status small,.hud-clock{display:none}.hud-nav button{gap:6px;min-width:101px;padding:0 9px;font-size:12px}.hud-nav{gap:5px}.immersive-app .left-column>.panel{display:block}.context-actions{display:none}.immersive-app .trend-panel{width:calc(100vw - var(--left) - var(--right) - 75px)}.immersive-app .trend-panel .energy-split,.scene-context small{display:none}.immersive-app .hero-kpi-value{font-size:20px}.immersive-app .hud-column{bottom:29px}.immersive-app .map-layer-controls button .ui-icon{display:none}.immersive-app .floor-picker{right:calc(var(--right) + 24px)}}@media (width<=760px){.immersive-app{--edge:12px;--left:0px;--right:0px;--hud-top:132px}.hud-header{padding-top:21px}.hud-status{font-size:0}.hud-status .connection-dot{width:5px;height:5px}.hud-title{width:90vw;height:87px;top:0}.hud-title h1{letter-spacing:2px;font-size:20px}.hud-header-tools{gap:5px}.hud-header-tools button{padding:2px}.hud-nav{justify-content:center;gap:3px;width:calc(100vw - 16px);top:79px}.hud-nav button{letter-spacing:0;flex:1;gap:3px;min-width:0;height:38px;padding:0 3px;font-size:12px}.hud-nav .ui-icon{width:15px;height:15px}.immersive-app .hud-column{display:none}.immersive-app.monitoring .right-column{width:auto;max-height:260px;display:flex;inset:auto 12px 189px}.immersive-app.monitoring .right-column>.alarm-panel,.immersive-app.monitoring .right-column>.incident-panel{display:none}.immersive-app.monitoring .left-column{width:210px;max-height:200px;display:flex;top:132px;bottom:auto;left:12px}.immersive-app.monitoring .left-column>.hero-metric,.immersive-app.monitoring .left-column>.context-panel,.immersive-app .twin-stage-control p{display:none}.immersive-app .twin-stage-control{padding:11px}.immersive-app .trend-panel{width:auto;max-width:none;height:135px;bottom:32px;left:12px;right:12px;transform:none}.immersive-app .scene-context{top:133px;left:16px;right:16px}.immersive-app.monitoring .scene-context{display:none}.scene-context h2{font-size:15px}.immersive-app .map-layer-controls{padding:4px;bottom:180px;left:12px}.immersive-app .scene-toolbar{top:185px;bottom:auto;right:12px}.immersive-app .scene-toolbar button{width:32px;height:32px}.immersive-app .floor-picker{max-height:calc(100vh - 390px);top:200px;right:12px}.immersive-app .room-locator{max-width:none;top:172px;left:12px;right:55px}.hud-footer>span:nth-child(2),.hud-footer>small{display:none}.hud-footer{bottom:10px}.immersive-app .toast{width:max-content;max-width:calc(100vw - 30px);font-size:12px}.immersive-app.hud-hidden .scene-toolbar{top:auto;bottom:35px}.immersive-app .map-label{padding:6px 8px}.immersive-app .map-label small{display:none}}@media (width>=1800px){.hud-title{width:min(1400px,100vw - 340px);height:72px;top:7px}}@media (width<=1450px){.hud-title{width:calc(100vw - 330px);height:62px;top:6px}.hud-title h1{letter-spacing:4px;font-size:26px}}@media (width<=1100px){.hud-title{width:calc(100vw - 150px)}.hud-title h1{letter-spacing:3px;font-size:23px}}@media (width<=760px){.hud-title{width:calc(100vw - 90px);height:55px;top:7px}.hud-title h1{letter-spacing:2px;font-size:18px}.title-glint{bottom:9px}}.immersive-app{--trend-height:153px;--trend-bottom:30px;--center-gap:12px}.immersive-app .trend-panel{left:calc(var(--edge) + var(--left) + var(--center-gap));right:calc(var(--edge) + var(--right) + var(--center-gap));bottom:var(--trend-bottom);width:auto;max-width:none;height:var(--trend-height);transform:none}.immersive-app .hud-column{scrollbar-width:none}.immersive-app .hud-column::-webkit-scrollbar{display:none}@media (width>=1800px){.immersive-app{--trend-height:166px}}@media (width<=1450px){.immersive-app{--trend-height:145px;--trend-bottom:29px}}@media (width<=760px){.immersive-app{--trend-height:135px;--trend-bottom:32px}.immersive-app .trend-panel{left:var(--edge);right:var(--edge)}}.immersive-app .right-column>.trend-panel{flex:none;width:100%;max-width:none;height:154px;min-height:154px;padding:12px 13px 9px;position:relative;bottom:auto;left:auto;right:auto;transform:none}.immersive-app .right-column>.trend-panel .trend-body{height:91px;padding-top:9px}.immersive-app .right-column>.trend-panel .chart-wrap svg{height:69px}.immersive-app .right-column>.trend-panel .trend-controls button{padding:3px 5px}.immersive-app .right-column>.trend-panel .trend-head{grid-template-columns:minmax(0,1fr) auto;gap:5px;display:grid}.immersive-app .right-column>.trend-panel .trend-head>div:first-child{min-width:0}.immersive-app .right-column>.trend-panel .trend-head h3{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.immersive-app .right-column>.trend-panel .chart-wrap{width:100%}@media (width>=1800px){.immersive-app{--hud-top:101px;--context-top:158px}}@media (width<=1450px){.immersive-app{--hud-top:89px;--context-top:142px}.immersive-app .right-column>.trend-panel{height:148px;min-height:148px}}@media (width<=760px){.immersive-app{--hud-top:132px;--context-top:132px}.immersive-app .right-column>.trend-panel{height:145px;min-height:145px}}.immersive-app .left-column .panel-title{padding:11px 13px 9px}.immersive-app .left-column .hud-score{padding:8px 13px 7px}.immersive-app .left-column .hero-kpis{padding:0 12px 7px}.immersive-app .left-column .hero-kpi{min-height:58px;padding-top:6px;padding-bottom:5px}.immersive-app .left-column .hero-kpi-value{margin-top:3px}.immersive-app .left-column .hero-kpi-note{margin-top:2px}.immersive-app .left-column .status-row{min-height:43px;padding:6px 12px}.immersive-app .left-column .mini-grid{padding:5px 12px 7px}.immersive-app .left-column .mini-metric{min-height:45px;padding:5px 0}.immersive-app.home-view .left-column .context-panel{order:2}.immersive-app.home-view .left-column .system-panel{order:3}@media (height<=900px) and (width>=761px){.immersive-app .left-column{gap:10px}.immersive-app .left-column .panel-title{padding:9px 12px 7px}.immersive-app .left-column .hud-score{padding:5px 12px}.immersive-app .left-column .hero-kpis{padding-bottom:4px}.immersive-app .left-column .hero-kpi{min-height:49px;padding:4px 5px}.immersive-app .left-column .hero-kpi-label{font-size:12px}.immersive-app .left-column .hero-kpi-value{margin-top:2px;font-size:20px;line-height:1.1}.immersive-app .left-column .hero-kpi-note{margin-top:1px;font-size:12px}.immersive-app .left-column .status-row{min-height:39px;padding:4px 11px}.immersive-app .left-column .status-main{gap:2px}.immersive-app .left-column .status-main small{margin-top:1px}.immersive-app .left-column .mini-grid{padding:4px 11px 6px}.immersive-app .left-column .mini-metric{min-height:40px;padding:3px 0}.immersive-app .left-column .mini-metric strong{margin-top:1px;font-size:19px;line-height:1.2}}.immersive-app .hud-column .panel-title{letter-spacing:1px;min-height:39px;padding:9px 13px 8px;font-size:13px;line-height:20px}.immersive-app .hud-column .panel-title>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.immersive-app .hud-column .panel-title>small{display:none}.immersive-app .right-column>.trend-panel{height:163px;min-height:163px;padding:0}.immersive-app .right-column>.trend-panel .trend-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-height:29px;padding:5px 12px 0;display:grid}.immersive-app .right-column>.trend-panel .trend-head h3{margin:0;font-size:12px;line-height:20px}.immersive-app .right-column>.trend-panel .trend-body{height:94px;padding:4px 12px 8px}.immersive-app .twin-stage-control{padding:0 13px 13px}.immersive-app .twin-stage-control .twin-stage-heading{border-bottom:1px solid #62a2d52b;margin:0 -13px 10px}.immersive-app .twin-stage-control .twin-stage-heading button{font-size:20px;line-height:16px}@media (height<=900px) and (width>=761px){.immersive-app .hud-column .panel-title{min-height:35px;padding:7px 12px 6px;font-size:12px;line-height:20px}.immersive-app .right-column>.trend-panel{height:157px;min-height:157px}}.immersive-app{--edge:15px;--hud-top:78px;--trend-bottom:15px;--center-gap:15px}.immersive-app .hud-column{scrollbar-width:thin;gap:15px;padding:0;bottom:15px}.immersive-app .hud-column::-webkit-scrollbar{width:4px;display:block}.immersive-app .hud-column::-webkit-scrollbar-thumb{background:#7bb5de55}.hud-title{width:calc(100vw - 40px);height:56px;top:7px}.hud-title h1{font-size:26px}.hud-header{height:64px;padding:15px 20px 0}.hud-header-tools{z-index:1;margin-left:auto;position:relative}.immersive-app .right-column>.trend-panel{margin:0}.immersive-app .map-layer-controls{left:calc(var(--edge) + var(--left) + 15px);bottom:15px}.immersive-app .route-choice{left:calc(var(--edge) + var(--left) + 15px);bottom:64px}.immersive-app .scene-toolbar{right:calc(var(--edge) + var(--right) + 15px);bottom:15px}.immersive-app.hud-hidden .scene-toolbar{bottom:15px;right:15px}.immersive-app .room-card-grid,.immersive-app .device-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;display:grid}.immersive-app .room-card,.immersive-app .device-card{color:#dceef7;text-align:left;cursor:pointer;background:linear-gradient(135deg,#22577742,#123b5c2b);border:1px solid #6aa4c044;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:5px;min-width:0;min-height:39px;padding:3px 6px;display:grid}.immersive-app .room-card:hover,.immersive-app .room-card.selected,.immersive-app .device-card:hover,.immersive-app .device-card.selected{background:#287ba153;border-color:#80daf2a8}.immersive-app .room-card-grid{padding:5px}.immersive-app .room-card{min-height:36px}.immersive-app .room-card-icon{color:#91dcef;grid-row:span 2;place-items:center;display:grid}.immersive-app .room-card b,.immersive-app .device-card span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.immersive-app .room-card strong{color:#a6d5eb;grid-column:2;font-size:12px;font-weight:400;line-height:14px}.immersive-app .device-card{grid-template-rows:16px 15px;grid-template-columns:7px minmax(0,1fr);gap:0 5px;min-height:37px;padding:2px 3px}.immersive-app .device-card .device-dot{grid-row:span 2}.immersive-app .device-card b{color:#9de2cb;grid-column:2;font-size:12px;font-weight:400}.immersive-app.home-view .left-column .mini-grid{padding:3px 10px 4px}.immersive-app.home-view .left-column .mini-metric{min-height:36px;padding:2px 0}.immersive-app.home-view .left-column .mini-metric strong{font-size:18px;line-height:1.1}.immersive-app.home-view .hero-kpi{min-height:40px;padding:2px 5px}.immersive-app.home-view .hud-score{display:none}.immersive-app.home-view .hero-kpis{padding-bottom:3px}.immersive-app:not(.home-view):not(.monitoring) .left-column .system-panel .status-row{height:41px;min-height:41px;padding:2px 11px}.immersive-app.monitoring .left-column .context-panel,.immersive-app.monitoring .left-column .alarm-panel{flex:1;min-height:0}.immersive-app.monitoring .left-column .twin-stage-control.mode-energy p{display:none}.immersive-app.monitoring .left-column .alarm-list{max-height:none}.immersive-app.monitoring .left-column .alarm-item{padding:7px 9px}.immersive-app.monitoring .left-column .alarm-counts,.immersive-app .right-column .alarm-counts{padding:6px}.immersive-app .right-column .alarm-item{padding:7px 9px}.immersive-app .right-column>.insight-panel{padding:0 0 4px}.immersive-app .right-column>.insight-panel .text-link{margin:0 12px}.immersive-app .scenario-buttons{padding:8px 13px}.immersive-app .scenario-buttons button{gap:6px;padding:6px 3px}.immersive-app .mode-select{padding:6px 0 1px}.immersive-app .right-column>.insight-panel p{margin:4px 12px;line-height:1.25}.immersive-app .twin-floor-row{padding:5px 8px}.immersive-app .device-assets{max-height:160px}@media (width>=1200px) and (height>=700px){.immersive-app.monitoring .left-column{overflow:hidden}}@media (width<=1450px){.immersive-app{--edge:15px;--hud-top:73px;--trend-bottom:15px;--center-gap:15px}.hud-title{width:calc(100vw - 40px);height:52px;top:6px}.hud-title h1{font-size:24px}.immersive-app .hud-column{gap:15px;bottom:15px}.immersive-app .right-column>.trend-panel{height:150px;min-height:150px}}@media (width>=1800px){.hud-title{height:62px}.immersive-app{--hud-top:84px}}@media (width<=760px){.immersive-app{--hud-top:132px}.hud-title{width:calc(100vw - 40px);height:45px;top:7px}.hud-title h1{font-size:18px}.hud-header{padding:15px 20px}.hud-status{display:none}.immersive-app.monitoring .left-column{left:15px}.immersive-app.monitoring .right-column{left:15px;right:15px}.immersive-app.monitoring .left-column>.alarm-panel{display:none}}