:root{color:#172630;font-synthesis:none;background:#eef3f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#eef3f6;min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #dce5ea;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#126a93;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand span{display:block}.brand strong{font-size:17px}.brand span{color:#768994;margin-top:2px;font-size:11px}.top-actions{align-items:center;gap:14px;display:flex}.top-actions button{color:#536b78;background:#f8fafb;border:1px solid #d6e1e6;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.connection-state{color:#677b87;align-items:center;gap:7px;font-size:12px;display:inline-flex}.connection-state i{background:#aab6bd;border-radius:50%;width:8px;height:8px}.primary-nav{background:#fff;border-bottom:1px solid #dce5ea;gap:6px;padding:0 28px;display:flex;overflow-x:auto}.primary-nav button{color:#667a86;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 15px 11px}.primary-nav button.active{color:#0a628d;border-bottom-color:#0a7aab;font-weight:700}main{width:min(1480px,100%);margin:0 auto;padding:20px 24px 30px}.boundary-banner{color:#415661;background:#f8fafb;border:1px solid #cfdce3;border-left:4px solid #7692a0;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid}.boundary-banner strong,.boundary-banner span{display:block}.boundary-banner strong{font-size:13px}.boundary-banner div span{color:#72858f;margin-top:2px;font-size:12px}.readonly-badge,.mode-chip{color:#28617d;white-space:nowrap;background:#e2f1f8;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.mode-chip.neutral{color:#5e7079;background:#edf1f3}.status-overview{background:#fff;border:1px solid #d5e0e5;border-radius:16px;margin-top:15px;overflow:hidden;box-shadow:0 7px 24px #1a34420d}.status-heading{background:linear-gradient(120deg,#f9fbfc,#eef6f8);border-bottom:1px solid #e2eaee;justify-content:space-between;align-items:center;gap:18px;padding:18px 19px 16px;display:flex}.status-title-row{align-items:center;gap:10px;margin-top:3px;display:flex}.status-heading h1{color:#1c303a;letter-spacing:-.025em;margin:0;font-size:22px}.status-heading p{color:#768993;margin:5px 0 0;font-size:11px}.system-state{border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.system-state i,.status-summary span i,.equipment-state-head strong i{background:currentColor;border-radius:50%;width:7px;height:7px}.system-state.running{color:#19704f;background:#dff3e9}.system-state.running i{animation:1.8s ease-out infinite status-pulse}.system-state.offline{color:#667983;background:#e9eef0}.demo-toggle{color:#425c68;background:#fff;border:1px solid #ccd9df;border-radius:10px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;font-weight:700;display:inline-flex}.toggle-track{background:#aebcc3;border-radius:999px;width:30px;height:17px;padding:2px;transition:background .16s;display:block}.toggle-track i{background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .16s;display:block;box-shadow:0 1px 3px #0003}.demo-toggle[aria-pressed=true] .toggle-track{background:#21835f}.demo-toggle[aria-pressed=true] .toggle-track i{transform:translate(13px)}.status-summary{background:#fbfcfd;border-bottom:1px solid #e7edef;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px;display:grid}.status-summary article{background:#fff;border:1px solid #dfe7ea;border-radius:11px;min-height:72px;padding:11px 13px}.status-summary article span{color:#687d88;align-items:center;gap:7px;font-size:11px;display:flex}.status-summary article strong{color:#243943;margin-top:4px;font-size:27px;line-height:1;display:inline-block}.status-summary article small{color:#85959d;margin-left:4px;font-size:10px}.status-summary .running{border-left:4px solid #2d9b70}.status-summary .running span{color:#237858}.status-summary .standby{border-left:4px solid #8a9ca5}.status-summary .alarm{background:#fff9f8;border-left:4px solid #d75b4f}.status-summary .alarm span{color:#b5473e}.status-summary .offline{background:#fffbf3;border-left:4px solid #d19a3b}.status-summary .offline span{color:#986b1e}.status-summary .unavailable{border-left:4px solid #c6d0d5}.temperature-overview{background:#f4f8fa;border-bottom:1px solid #e3ebee;grid-template-columns:150px repeat(5,minmax(0,1fr));align-items:stretch;gap:9px;padding:13px 16px;display:grid}.temperature-label{flex-direction:column;justify-content:center;padding:9px 7px;display:flex}.temperature-label strong{color:#314b57;margin-top:4px;font-size:13px}.temperature-overview article{background:#fff;border:1px solid #dce6ea;border-radius:10px;min-height:84px;padding:10px 11px 9px;position:relative;overflow:hidden}.temperature-overview article:before{content:"";background:#a9b9c1;width:4px;position:absolute;inset:0 auto 0 0}.temperature-overview article>span{color:#607782;font-size:10px}.temperature-overview article div{align-items:baseline;gap:4px;margin-top:4px;display:flex}.temperature-overview article strong{color:#213943;letter-spacing:-.03em;font-size:24px;line-height:1}.temperature-overview article small{color:#70858f;font-size:10px;font-weight:700}.temperature-overview article p{color:#8b9aa1;margin:6px 0 0;font-size:9px}.temperature-overview article.cold:before{background:#298ec4}.temperature-overview article.cool:before{background:#55acd1}.temperature-overview article.delta:before{background:#377eac}.temperature-overview article.mild:before{background:#5a9b7d}.temperature-overview article.warm:before{background:#c57b47}.temperature-overview article.unavailable:before{background:#b9c5ca}.status-body{grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);display:grid}.equipment-status-grid{border-right:1px solid #e5ecef;grid-template-columns:repeat(3,1fr);gap:10px;padding:15px;display:grid}.equipment-status-grid article{background:#fff;border:1px solid #dce6ea;border-radius:11px;min-height:105px;padding:12px 13px}.equipment-state-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.equipment-state-head>span{color:#627985;letter-spacing:.02em;font-size:10px;font-weight:800}.equipment-state-head strong{align-items:center;gap:5px;font-size:10px;display:flex}.equipment-status-grid h2{color:#233943;margin:12px 0 0;font-size:13px}.equipment-status-grid p{color:#82949d;margin:4px 0 0;font-size:10px}.equipment-status-grid .running{border-top:3px solid #2d9b70}.equipment-status-grid .running .equipment-state-head strong{color:#237858}.equipment-status-grid .standby{border-top:3px solid #95a5ad}.equipment-status-grid .standby .equipment-state-head strong{color:#687b85}.equipment-status-grid .alarm{background:#fff9f8;border:1px solid #ebbbb6;border-top:3px solid #d75b4f}.equipment-status-grid .alarm .equipment-state-head strong{color:#b5473e}.equipment-status-grid .unavailable{border-top:3px solid #c5d0d5}.equipment-status-grid .unavailable .equipment-state-head strong{color:#74868f}.loop-status{background:#f9fbfc;padding:15px}.loop-heading{color:#415a66;justify-content:space-between;font-size:11px;display:flex}.loop-heading span{color:#65808d}.loop-row{background:#fff;border:1px solid #dce6ea;border-radius:10px;margin-top:10px;padding:10px 11px}.loop-row>div:first-child{justify-content:space-between;gap:10px;display:flex}.loop-row strong{color:#2c4652;font-size:10px}.loop-row span{color:#7b909a;text-align:right;font-size:9px}.flow-line{background:#dbe6ea;border-radius:999px;height:5px;margin-top:9px;position:relative;overflow:hidden}.flow-line i{border-radius:999px;width:28px;height:5px;animation:2.4s linear infinite flow;position:absolute;top:0}.flow-line i:nth-child(2){animation-delay:-.8s}.flow-line i:nth-child(3){animation-delay:-1.6s}.loop-row.chw .flow-line i{background:#45a6cf}.loop-row.cw .flow-line i{background:#4a9d79}.loop-row.unavailable .flow-line i{display:none}.priority-alert{background:#fff;border:1px solid #dce5e9;border-radius:10px;align-items:center;gap:9px;margin-top:12px;padding:10px 11px;display:flex}.priority-alert>i{background:#a8b6bd;border-radius:50%;flex:none;width:9px;height:9px}.priority-alert strong,.priority-alert span{display:block}.priority-alert strong{color:#526a75;font-size:10px}.priority-alert span{color:#84969e;margin-top:3px;font-size:9px}.priority-alert.visible{background:#fff8f7;border-color:#ebbbb6}.priority-alert.visible>i{background:#d75b4f;box-shadow:0 0 0 4px #d75b4f1f}.priority-alert.visible strong{color:#a9443b}@keyframes status-pulse{0%{box-shadow:0 0 #19704f59}70%,to{box-shadow:0 0 0 7px #19704f00}}@keyframes flow{0%{left:-32px}to{left:calc(100% + 4px)}}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.metric-card{background:#fff;border:1px solid #d9e3e8;border-radius:14px;gap:13px;min-height:122px;padding:17px;display:flex;box-shadow:0 5px 18px #1a344209}.metric-icon{color:#17739e;background:#e8f4f9;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.metric-card span{color:#6e818c;font-size:12px}.metric-card strong{color:#1c2f39;letter-spacing:-.03em;margin-top:7px;font-size:27px;display:block}.metric-card small{color:#667c88;margin-left:4px;font-size:13px;font-weight:600}.metric-card p{color:#94a2aa;margin:5px 0 0;font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(330px,.8fr);align-items:start;gap:15px;margin-top:15px;display:grid}.panel{background:#fff;border:1px solid #d9e3e8;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px #1a34420a}.panel-heading{border-bottom:1px solid #e4ebee;justify-content:space-between;align-items:center;gap:12px;padding:16px 17px 13px;display:flex}.panel-heading h2{margin:3px 0 0;font-size:16px}.section-label{color:#81939d;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:750}.system-panel{grid-row:span 2}.system-visual-layout{background:#f7fafb;grid-template-columns:minmax(0,1fr) 264px;align-items:stretch;display:grid}.system-visual-layout.rail-collapsed{grid-template-columns:minmax(0,1fr) 52px}.system-visual-stage{background:#fff;min-width:0;overflow:hidden}.system-insight-rail{background:#f5f8f9;border-left:1px solid #dce6ea;min-width:0}.insight-rail-heading{border-bottom:1px solid #dde6e9;justify-content:space-between;align-items:center;gap:8px;min-height:57px;padding:11px 10px 10px 13px;display:flex}.insight-rail-heading span,.insight-rail-heading strong{display:block}.insight-rail-heading span{color:#82949c;letter-spacing:.08em;font-size:8px;font-weight:800}.insight-rail-heading strong{color:#9d3d36;margin-top:4px;font-size:11px}.insight-rail-heading button{color:#617985;cursor:pointer;background:#fff;border:1px solid #d4e0e4;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative}.insight-rail-heading button:hover{color:#205f7b;border-color:#a9c5d1}.insight-rail-heading button:focus-visible{outline-offset:2px;outline:3px solid #2d7c9d33}.insight-rail-heading button b{color:#fff;background:#c64b42;border:2px solid #f5f8f9;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-6px;right:-6px}.rail-collapsed .insight-rail-heading{border-bottom:0;justify-content:center;padding:11px 8px}.insight-rail-body{padding:12px}.insight-status-list{gap:7px;margin-bottom:10px;display:grid}.insight-status-list article,.insight-schedule-card{background:#fff;border:1px solid #dce6e9;border-radius:10px;min-width:0;padding:10px 11px}.insight-status-list span,.insight-status-list strong,.insight-status-list small,.insight-schedule-card span,.insight-schedule-card strong,.insight-schedule-card small{display:block}.insight-status-list span,.insight-schedule-card span{color:#81939c;font-size:8px}.insight-status-list strong,.insight-schedule-card strong{color:#314d59;margin-top:4px;font-size:11px}.insight-status-list small,.insight-schedule-card small{color:#8a9aa2;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.insight-status-list article.running{border-left:4px solid #2f936c}.insight-status-list article.running strong{color:#237858}.insight-status-list article.running i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #2378581a}.insight-status-list article.chilled-water{border-left:4px solid #2d8fcb}.insight-status-list article.cooling-water{border-left:4px solid #3e9a7a}.insight-alert-card{background:#fff;border:1px solid #e7bab6;border-left:4px solid #c84b42;border-radius:11px;padding:13px;box-shadow:0 4px 15px #612e2a12}.insight-alert-title{align-items:center;gap:9px;display:flex}.insight-alert-icon{color:#b53f37;background:#fdecea;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.insight-alert-title small,.insight-alert-title strong{display:block}.insight-alert-title small{color:#95635f;font-size:8px}.insight-alert-title strong{color:#8e332d;margin-top:3px;font-size:11px}.insight-alert-card dl{border-top:1px solid #f0d9d6;margin:12px 0 0}.insight-alert-card dl>div{border-bottom:1px solid #f2e3e1;justify-content:space-between;align-items:center;gap:10px;min-height:31px;display:flex}.insight-alert-card dt{color:#8b7774;font-size:8px}.insight-alert-card dd{color:#5b4643;margin:0;font-size:9px;font-weight:800}.insight-alert-card p,.insight-rail-note{color:#92837f;font-size:8px;line-height:1.55}.insight-alert-card p{margin:10px 0 0}.insight-schedule-card{border-left:4px solid #78919c;margin-top:10px}.insight-rail-note{margin:11px 2px 0}.system-heading{min-height:70px}.view-switch{background:#f4f7f8;border:1px solid #d6e2e8;border-radius:10px;gap:2px;padding:3px;display:inline-flex}.view-switch button{color:#6b7e88;background:0 0;border:0;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:700}.view-switch button.active{color:#155f83;background:#fff;box-shadow:0 1px 4px #1736461f}.riser-view{padding:14px 16px 0;overflow-x:auto}.riser-column-head{color:#8999a1;letter-spacing:.06em;text-align:center;text-transform:uppercase;grid-template-columns:minmax(260px,1fr) 76px minmax(260px,1fr);align-items:center;gap:8px;min-width:660px;padding:0 9px 8px;font-size:9px;font-weight:750;display:grid}.riser-building{background:#f9fbfc;border:1px solid #dbe5e9;border-radius:12px;min-width:660px;overflow:hidden}.riser-floor{border-bottom:1px solid #e5ecef;grid-template-columns:minmax(260px,1fr) 76px minmax(260px,1fr);align-items:stretch;gap:8px;min-height:43px;display:grid}.riser-floor:last-child{border-bottom:0}.riser-floor.roof{background:#f5fafc;min-height:78px}.riser-floor.plant{background:#edf6fa;min-height:174px}.floor-label{color:#304955;text-align:center;background:#f1f5f7;border-left:1px solid #e0e8ec;border-right:1px solid #e0e8ec;align-content:center;place-items:center;display:grid}.floor-label strong{font-size:12px}.floor-label span{color:#66808c;margin-top:3px;font-size:9px}.riser-side{align-items:center;padding:5px 8px;display:flex}.riser-side.left{justify-content:flex-end}.riser-side.right{justify-content:flex-start}.ahu-status-block{background:#fff;border:1px solid #cfe0e6;border-left:4px solid #2d9b70;border-radius:8px;width:min(176px,100%);overflow:hidden;box-shadow:0 2px 6px #1837470d}.ahu-block-head{justify-content:space-between;align-items:center;gap:6px;min-height:24px;padding:4px 7px;display:flex}.ahu-block-head strong{color:#29444f;font-size:9px}.ahu-state{color:#237858;align-items:center;gap:4px;font-size:8px;font-weight:800;display:inline-flex}.ahu-state i{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2378581a}.ahu-sections{background:#f8fafb;border-top:1px solid #e3ebee;grid-template-columns:.68fr .82fr 1.3fr;height:26px;display:grid}.ahu-section{color:#66808a;border-right:1px solid #e1e9ec;grid-template-columns:13px minmax(0,1fr);place-items:center start;gap:3px;min-width:0;padding:3px 2px;font-size:7px;font-weight:800;display:grid}.ahu-section:last-child{border-right:0}.ahu-section i{border-radius:2px;width:13px;height:15px;display:block;position:relative}.ahu-section.filter i{background:linear-gradient(60deg,#0000 0 42%,#899aa1 43% 52%,#0000 53%) 0 0/6px 100%,linear-gradient(120deg,#0000 0 42%,#899aa1 43% 52%,#0000 53%) 3px 0/6px 100%,#fff;border:1px solid #899aa1}.ahu-section.coil i{background:repeating-linear-gradient(#e5f7fd 0 2px,#5596b2 2px 3px);border:1px solid #2d8fcb}.ahu-section.coil i:before,.ahu-section.coil i:after{content:"";background:#2d8fcb;width:2px;position:absolute;top:1px;bottom:1px}.ahu-section.coil i:before{left:1px}.ahu-section.coil i:after{background:#6cc4e8;right:1px}.ahu-section.fan i{background:conic-gradient(from 20deg, #83959d 0 18%, transparent 18% 33%, #83959d 33% 51%, transparent 51% 66%, #83959d 66% 84%, transparent 84%);border:1px solid #83959d;border-radius:50%}.ahu-status-block.warning{background:#fff7f7;border-color:#e9a5a5 #e9a5a5 #e9a5a5 #d64545;animation:1.2s ease-in-out infinite alarm-card-flash}.ahu-status-block.warning .ahu-state{color:#a83232}.ahu-status-block.warning .ahu-state i{background:#d64545;animation:1.2s ease-out infinite status-pulse-warning;box-shadow:0 0 0 3px #d6454526}.ahu-section.section-warning{color:#4b5559;background:#e7eaeb}.ahu-section.section-warning i{background:linear-gradient(60deg,#0000 0 42%,#151a1c 43% 52%,#0000 53%) 0 0/6px 100%,linear-gradient(120deg,#0000 0 42%,#151a1c 43% 52%,#0000 53%) 3px 0/6px 100%,#596266;border-color:#30383b}.riser-location-note,.unmapped-floor{color:#98a7ae;font-size:9px}.riser-equipment-card-grid{grid-template-columns:repeat(2,minmax(82px,1fr));gap:5px;width:100%;display:grid}.riser-equipment-card{color:#60747e;background:#fff;border:1px solid #d7e3e8;border-left:4px solid #83949c;border-radius:8px;min-width:0;padding:6px 7px;overflow:hidden;box-shadow:0 2px 6px #1837470d}.riser-equipment-card.running{color:#237858;border-left-color:#2d9b70}.riser-equipment-card.standby{color:#6c7d85;background:#f8fafb;border-left-color:#8a9aa2}.riser-equipment-card.alarm{color:#a83232;background:#fff7f7;border-color:#e9a5a5 #e9a5a5 #e9a5a5 #d64545;animation:1.2s ease-in-out infinite alarm-card-flash}.riser-equipment-card.offline{color:#56636a;background:#eef1f2;border-left-color:#56636a}.equipment-card-head,.equipment-card-meta{justify-content:space-between;align-items:center;gap:5px;display:flex}.equipment-card-head strong{color:#29444f;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.equipment-card-head small{color:#82949d;flex:none;font-size:7px;font-weight:800}.equipment-card-meta{margin-top:5px}.equipment-card-state{align-items:center;gap:4px;font-size:8px;font-weight:850;display:inline-flex}.equipment-card-state i{width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 12%, transparent);background:currentColor;border-radius:50%;flex:none}.equipment-card-meta em{color:#7d9099;font-size:7px;font-style:normal;font-weight:750}.equipment-state-legend{font-weight:800}.equipment-state-legend.running{color:#237858}.equipment-state-legend.standby{color:#6c7d85}.equipment-state-legend.alarm{color:#a83232}.equipment-state-legend i{background:currentColor}.riser-legend{color:#667b86;flex-wrap:wrap;align-items:center;gap:7px 14px;min-width:660px;padding:11px 5px 14px;font-size:10px;display:flex}.riser-legend span{align-items:center;gap:5px;display:inline-flex}.riser-legend i{border-radius:50%;width:8px;height:8px}.riser-legend em{color:#8d9ca3;margin-left:auto;font-size:9px;font-style:normal}.model-view{position:relative}.model-view model-viewer{--progress-bar-color:#1479a5;background:linear-gradient(150deg,#eef5f7,#dbe7ec);width:100%;height:650px;display:block}.riser-model model-viewer{background:radial-gradient(circle at 50% 42%,#eef5f7 0,#dce9ee 62%,#cbdce3 100%);height:760px}.model-camera-presets{z-index:4;gap:6px;display:flex;position:absolute;top:12px;left:12px}.model-camera-presets button{color:#24586e;cursor:pointer;background:#fafdfeeb;border:1px solid #20698b3d;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800;box-shadow:0 2px 8px #162f3d1f}.model-camera-presets button:hover,.model-camera-presets button:focus-visible{color:#176b91;border-color:#2d8fcb;outline:none}.hotspot-floor{color:#294955;pointer-events:none;background:#ffffffe6;border:1px solid #3d5c6c38;border-radius:6px;padding:3px 6px;font-size:9px;font-weight:800;box-shadow:0 2px 6px #162f3d1f}.hotspot-equipment{color:#1e5872;white-space:nowrap;pointer-events:none;background:#f4fbfdf0;border:1px solid #20698b47;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800;box-shadow:0 3px 9px #162f3d24}.hotspot-ahu-state{color:#36535f;pointer-events:none;background:#fafdfcf0;border:1px solid #27785861;border-radius:6px;grid-template-columns:auto 12px 12px 6px;align-items:center;gap:4px;min-width:72px;padding:3px 5px;display:grid;box-shadow:0 2px 7px #162f3d21}.hotspot-ahu-state strong{white-space:nowrap;font-size:7px}.hotspot-ahu-state>i{background:#2d9b70;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #2d9b7024}.hotspot-ahu-state .mini-filter,.hotspot-ahu-state .mini-coil{border-radius:2px;width:12px;height:13px;display:block}.hotspot-ahu-state .mini-filter{background:linear-gradient(60deg,#0000 0 42%,#899aa1 43% 52%,#0000 53%) 0 0/6px 100%,linear-gradient(120deg,#0000 0 42%,#899aa1 43% 52%,#0000 53%) 3px 0/6px 100%,#fff;border:1px solid #899aa1}.hotspot-ahu-state .mini-coil{background:repeating-linear-gradient(#e5f7fd 0 2px,#5596b2 2px 3px);border:1px solid #2d8fcb;box-shadow:inset 2px 0 #2d8fcb,inset -2px 0 #6cc4e8}.hotspot-ahu-state.warning{color:#9f2f2f;background:#fff4f4f7;border-color:#d64545b8;animation:1.2s ease-in-out infinite alarm-card-flash}.hotspot-ahu-state.warning .mini-filter{background:linear-gradient(60deg,#0000 0 42%,#151a1c 43% 52%,#0000 53%) 0 0/6px 100%,linear-gradient(120deg,#0000 0 42%,#151a1c 43% 52%,#0000 53%) 3px 0/6px 100%,#596266;border-color:#30383b}.hotspot-ahu-state.warning>i{background:#d64545;animation:1.2s ease-out infinite status-pulse-warning;box-shadow:0 0 0 3px #d645452e}.ahu-status-legend{color:#667b86;background:#fbfcfd;border-top:1px solid #e4ebee;flex-wrap:wrap;align-items:center;gap:7px 13px;padding:8px 16px;font-size:9px;display:flex}.ahu-status-legend span{align-items:center;gap:5px;display:inline-flex}.ahu-status-legend>span>i{border-radius:50%;width:7px;height:7px}.ahu-status-legend>span>i.normal{background:#2d9b70}.ahu-status-legend>span>i.warning{background:#d64545}.ahu-status-legend .component{background:#fff;border:1px solid #d6e2e7;border-radius:4px;padding:3px 6px 3px 24px;font-weight:800;position:relative}.ahu-status-legend .component:before{content:"";border-radius:2px;width:12px;height:12px;position:absolute;top:3px;left:5px}.ahu-status-legend .component.filter:before{background:linear-gradient(60deg,#0000 0 42%,#899aa1 43% 52%,#0000 53%) 0 0/6px 100%,linear-gradient(120deg,#0000 0 42%,#899aa1 43% 52%,#0000 53%) 3px 0/6px 100%,#fff;border:1px solid #899aa1}.ahu-status-legend .component.coil:before{background:repeating-linear-gradient(#e5f7fd 0 2px,#5596b2 2px 3px);border:1px solid #2d8fcb;box-shadow:inset 2px 0 #2d8fcb,inset -2px 0 #6cc4e8}.ahu-status-legend .component.blower:before{background:conic-gradient(from 20deg, #8ea2aa 0 13%, transparent 13% 25%, #8ea2aa 25% 38%, transparent 38% 50%, #8ea2aa 50% 63%, transparent 63% 75%, #8ea2aa 75% 88%, transparent 88%);border:2px solid #617983;border-radius:50%}.ahu-status-legend .component.motor:before{background:#56869a;border:1px solid #315f73;border-radius:5px;height:8px;top:5px}.ahu-status-legend em{color:#91a0a7;margin-left:auto;font-size:8px;font-style:normal}.pipe-legend{color:#667b86;border-top:1px solid #e4ebee;flex-wrap:wrap;gap:8px 15px;padding:10px 16px;font-size:11px;display:flex}.pipe-legend span{align-items:center;gap:6px;display:inline-flex}.pipe-legend i{border-radius:50%;width:9px;height:9px}.chw-s{background:#2d8fcb}.chw-r{background:#6cc4e8}.cw-s{background:#3e9a7a}.cw-r{background:#bf7442}.model-note{color:#8a9aa2;margin:0;padding:0 16px 14px;font-size:10px}@keyframes status-pulse-warning{0%{box-shadow:0 0 #d6454573}70%,to{box-shadow:0 0 0 7px #d6454500}}@keyframes alarm-card-flash{0%,to{filter:brightness();box-shadow:0 2px 9px #48565b24}50%{filter:brightness(1.08);box-shadow:0 0 0 3px #d645453b,0 4px 16px #d6454533}}.equipment-list article{border-bottom:1px solid #edf1f3;grid-template-columns:58px 1fr auto;align-items:center;gap:11px;min-height:66px;padding:10px 15px;display:grid}.equipment-list article:last-child{border-bottom:0}.equipment-code{text-align:center;color:#2d6d8d;background:#e9f3f7;border-radius:8px;padding:7px 5px;font-size:10px;font-weight:800}.equipment-list strong,.equipment-list span{display:block}.equipment-list strong{font-size:12px}.equipment-list div span{color:#94a2aa;margin-top:4px;font-size:10px}.unknown-status{color:#687b85;background:#eef2f4;border-radius:999px;padding:4px 7px;font-size:10px}.compact-panel{min-height:215px}.empty-state{text-align:center;color:#8b9ba3;align-content:center;place-items:center;gap:7px;min-height:150px;padding:25px;display:grid}.empty-state strong{color:#526772;font-size:13px}.empty-state span{max-width:330px;font-size:11px;line-height:1.5}.source-list{margin:0;padding:8px 17px 14px}.source-list div{border-bottom:1px solid #edf1f3;justify-content:space-between;padding:10px 0;display:flex}.source-list div:last-child{border-bottom:0}.source-list dt{color:#617681;font-size:12px}.source-list dd{color:#87969e;margin:0;font-size:12px}footer{color:#81929b;justify-content:center;align-items:center;gap:7px;padding:18px 24px 28px;font-size:11px;display:flex}@media (width<=980px){.temperature-overview{grid-template-columns:repeat(5,1fr)}.temperature-label{flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:baseline;gap:8px;padding:2px 4px 5px}.temperature-label strong{margin-top:0}.status-body{grid-template-columns:1fr}.equipment-status-grid{border-bottom:1px solid #e5ecef;border-right:0}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.system-panel{grid-row:auto}}@media (width<=600px){.topbar{height:66px;padding:0 15px}.brand-mark{width:38px;height:38px}.brand strong{font-size:14px}.brand span{text-overflow:ellipsis;white-space:nowrap;max-width:210px;overflow:hidden}.connection-state{display:none}.primary-nav{padding:0 12px}main{padding:14px 12px 22px}.boundary-banner{grid-template-columns:auto 1fr}.readonly-badge{grid-column:2;justify-self:start}.status-heading{align-items:flex-start;padding:15px}.status-heading h1{font-size:18px}.status-heading p{max-width:250px}.demo-toggle{flex:none}.status-summary{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.status-summary article{min-height:67px;padding:10px}.status-summary article strong{font-size:23px}.temperature-overview{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.temperature-overview article{min-height:82px}.temperature-overview article strong{font-size:22px}.temperature-overview article:last-child{grid-column:1/-1}.equipment-status-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.equipment-status-grid article{min-height:96px;padding:10px}.loop-status{padding:12px 10px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{min-height:112px;padding:13px}.metric-icon{display:none}.metric-card strong{font-size:23px}.system-heading{align-items:flex-start}.view-switch button{padding:7px 9px}.riser-view{padding:10px 10px 0}.riser-column-head,.riser-building,.riser-legend{min-width:0}.riser-column-head,.riser-floor{grid-template-columns:minmax(120px,1fr) 50px minmax(120px,1fr);gap:4px}.riser-side{padding:4px}.riser-floor.plant{min-height:286px}.riser-equipment-card-grid{grid-template-columns:1fr;gap:4px}.riser-equipment-card{padding:5px}.equipment-card-head{flex-direction:column;align-items:flex-start;gap:1px}.equipment-card-head strong{width:100%;font-size:9px}.equipment-card-head small,.equipment-card-meta em{font-size:7px}.equipment-card-state{font-size:8px}.floor-label strong{font-size:10px}.riser-legend em{width:100%;margin-left:0}.model-view model-viewer{height:440px}.riser-model model-viewer{height:600px}.hotspot-floor{padding:2px 4px;font-size:7px}.hotspot-equipment{padding:3px 5px;font-size:7px}.equipment-list article{grid-template-columns:54px 1fr}.unknown-status{display:none!important}}@media (width<=380px){.status-title-row{flex-direction:column;align-items:flex-start;gap:5px}.status-heading{gap:8px}.demo-toggle{padding:7px}.demo-toggle>:last-child{display:none}.metric-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important}}.customer-preview-shell{background:#edf2f5;grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dbe8ee;z-index:20;background:#12394b;border-right:1px solid #0d3040;flex-direction:column;height:100vh;padding:20px 15px 16px;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:11px;padding:2px 8px 19px;display:flex}.sidebar-brand .brand-mark{color:#12394b;background:#d7edf5;border-radius:11px;width:39px;height:39px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:#fff;letter-spacing:.03em;font-size:14px}.sidebar-brand span{color:#8fb0bf;margin-top:2px;font-size:10px}.site-card{background:#ffffff0e;border:1px solid #ffffff1c;border-radius:12px;margin:15px 5px 10px;padding:12px}.site-card span,.site-card strong,.site-card small{display:block}.site-card span{color:#83a8b8;letter-spacing:.09em;font-size:9px;font-weight:800}.site-card strong{color:#f4f9fb;margin-top:6px;font-size:12px}.site-card small{color:#9ab7c4;margin-top:4px;font-size:9px;line-height:1.45}.sidebar-nav{gap:4px;margin-top:7px;display:grid}.sidebar-nav button{color:#9eb8c4;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;padding:9px 11px;transition:background .15s,color .15s;display:flex}.sidebar-nav button:hover{color:#eff8fb;background:#ffffff0f}.sidebar-nav button.active{color:#fff;background:#1f627d;box-shadow:inset 3px 0 #63c1df}.sidebar-nav button>span{min-width:0}.sidebar-nav strong,.sidebar-nav small{display:block}.sidebar-nav strong{font-size:12px}.sidebar-nav small{color:inherit;opacity:.67;margin-top:2px;font-size:9px}.sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:9px;margin:auto 5px 0;padding:11px;display:flex}.sidebar-footer>i{background:#f0b857;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #f0b8571f}.sidebar-footer strong,.sidebar-footer span{display:block}.sidebar-footer strong{color:#dce9ee;font-size:10px}.sidebar-footer span{color:#89a8b6;margin-top:2px;font-size:9px}.workspace{min-width:0}.workspace-topbar{background:#fffffff5;border-bottom:1px solid #d8e2e7;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 25px;display:flex}.preview-pill{color:#426675;background:#f2f8fa;border:1px solid #cbdce4;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:750;display:inline-flex}.preview-pill i{background:#d8a03e;border-radius:50%;width:7px;height:7px}.mobile-brand{color:#1e5268;align-items:center;gap:7px;display:none}.workspace-topbar .top-actions{margin-left:auto}.workspace-topbar .top-actions>button{width:36px;height:36px}.workspace-topbar .top-actions>button.active{color:#fff;background:#2e718d;border-color:#2e718d}.user-chip{align-items:center;gap:8px;display:flex}.user-chip>span{color:#fff;background:#3a7188;border-radius:50%;place-items:center;width:33px;height:33px;font-size:9px;font-weight:800;display:grid}.user-chip strong,.user-chip small{display:block}.user-chip strong{color:#314a56;font-size:10px}.user-chip small{color:#8a9aa2;margin-top:2px;font-size:9px}.workspace main{width:min(1540px,100%);margin:0 auto;padding:22px 25px 32px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.page-header>div:first-child>span{color:#4c899f;letter-spacing:.14em;font-size:9px;font-weight:850}.page-header h1{color:#17313e;letter-spacing:-.025em;margin:4px 0 0;font-size:25px}.page-header p{color:#71858f;margin:5px 0 0;font-size:11px}.page-status{background:#fff;border:1px solid #d5e2e7;border-radius:11px;align-items:center;gap:9px;padding:9px 12px;display:flex}.page-status>i{background:#2c9a6d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2c9a6d1c}.page-status strong,.page-status span{display:block}.page-status strong{color:#35515e;font-size:10px}.page-status span{color:#8a9ba3;margin-top:2px;font-size:9px}.preview-boundary{color:#60757f;background:#fffdf8;border:1px solid #d8e3e7;border-left:3px solid #d9a54c;border-radius:9px;align-items:center;gap:9px;margin-bottom:13px;padding:9px 12px;font-size:10px;display:flex}.preview-boundary strong{color:#7d5b22}.workspace footer{background:#f5f8f9;border-top:1px solid #dae3e7;padding:16px 24px 25px}.customer-preview-shell .status-overview{margin-top:0}.customer-preview-shell .status-heading{padding:15px 17px 13px}.customer-preview-shell .status-heading h1{font-size:19px}.customer-preview-shell .status-summary{padding:11px 13px}.customer-preview-shell .status-summary article{min-height:62px;padding:9px 11px}.customer-preview-shell .status-summary article strong{font-size:23px}.customer-preview-shell .temperature-overview{grid-template-columns:130px repeat(5,minmax(0,1fr));padding:10px 13px}.customer-preview-shell .temperature-overview article{min-height:74px}.customer-preview-shell .temperature-overview article strong{font-size:21px}.customer-preview-shell .equipment-status-grid{gap:8px;padding:12px}.customer-preview-shell .equipment-status-grid article{min-height:88px;padding:10px 11px}.customer-preview-shell .equipment-status-grid h2{margin-top:9px}.customer-preview-shell .loop-status{padding:12px}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:13px;margin-top:13px;display:grid}.overview-grid>.system-panel{grid-row:span 3}.control-preview-panel{grid-row:auto}.mode-chip.safe{color:#1f7656;background:#def1e8}.control-preview-body{padding:15px}.control-state{align-items:center;gap:12px;display:flex}.control-icon{color:#247457;background:#e5f3ec;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.control-state span,.control-state strong,.control-state small{display:block}.control-state span{color:#7c8e97;font-size:9px}.control-state strong{color:#243d48;margin-top:3px;font-size:16px}.control-state small{color:#738891;margin-top:3px;font-size:9px}.control-facts{border:1px solid #e0e8eb;border-radius:11px;grid-template-columns:repeat(3,1fr);margin-top:14px;display:grid;overflow:hidden}.control-facts div{background:#f9fbfc;border-right:1px solid #e4ebee;padding:11px 12px}.control-facts div:last-child{border-right:0}.control-facts span,.control-facts strong{display:block}.control-facts span{color:#82939b;font-size:9px}.control-facts strong{color:#2c4652;margin-top:5px;font-size:11px}.preview-actions{gap:8px;margin-top:14px;display:flex}.preview-actions button{color:#6b7f89;background:#f5f8f9;border:1px solid #d7e1e5;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:10px;font-weight:750;display:inline-flex}.preview-actions button:disabled{cursor:not-allowed;opacity:.72}.preview-note{color:#8c9ba2;margin:10px 0 0;font-size:9px;line-height:1.5}.comfort-list article{border-bottom:1px solid #edf1f3;grid-template-columns:42px 1fr 1fr auto;align-items:center;gap:9px;padding:10px 14px;display:grid}.comfort-list article:last-child{border-bottom:0}.comfort-list strong{color:#2a4551;font-size:11px}.comfort-list span{color:#647a85;font-size:10px}.comfort-list em,.ahu-detail-head>em{border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal;font-weight:800}.normal{color:#237858;background:#e3f2eb}.attention{color:#9b681c;background:#fff0d5}.alarm-snapshot{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:14px;display:grid}.alarm-level{border-radius:7px;padding:5px 8px;font-size:9px;font-weight:800}.alarm-level.medium{color:#a26026;background:#ffead8}.alarm-snapshot strong,.alarm-snapshot small{display:block}.alarm-snapshot strong{color:#334e5a;font-size:10px}.alarm-snapshot small{color:#8a9aa2;margin-top:4px;font-size:9px}.alarm-snapshot time{color:#788c95;font-size:9px}.page-grid{gap:13px;display:grid}.plant-sequence-panel{overflow:visible}.sequence-track{grid-template-columns:repeat(4,1fr);gap:0;padding:18px 20px;display:grid}.sequence-step{text-align:center;align-content:start;justify-items:center;min-height:77px;padding:0 8px;display:grid;position:relative}.sequence-step:after{content:"";background:#b9d8cb;width:calc(100% - 36px);height:2px;position:absolute;top:14px;left:calc(50% + 18px)}.sequence-step:last-child:after{display:none}.sequence-step>span{z-index:1;color:#fff;background:#2b8a65;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:800;display:grid}.sequence-step strong{color:#34505c;margin-top:7px;font-size:10px}.sequence-step small{color:#729087;margin-top:3px;font-size:8px}.water-design-strip{border-top:1px solid #e3eaed;grid-template-columns:repeat(3,1fr);display:grid}.water-design-strip div{border-right:1px solid #e3eaed;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:9px;padding:12px 15px;display:grid}.water-design-strip div:last-child{border-right:0}.water-design-strip svg{color:#3b83a2;grid-row:1/3;align-self:center}.water-design-strip span{color:#7c8f98;font-size:9px}.water-design-strip strong{color:#2e4854;margin-top:3px;font-size:11px}.equipment-card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.equipment-detail-card{background:#fff;border:1px solid #d9e4e8;border-top:3px solid #95a6ae;border-radius:13px;min-height:132px;padding:14px;box-shadow:0 4px 15px #15313e09}.equipment-detail-card.running{border-top-color:#31956c}.equipment-detail-card>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.equipment-detail-card>div>span{color:#70858f;letter-spacing:.04em;font-size:9px;font-weight:850}.equipment-detail-card em{color:#647a84;align-items:center;gap:5px;font-size:8px;font-style:normal;font-weight:800;display:inline-flex}.equipment-detail-card.running em{color:#27805e}.equipment-detail-card em i{background:currentColor;border-radius:50%;width:6px;height:6px}.equipment-detail-card h2{color:#28434f;margin:13px 0 0;font-size:12px}.equipment-detail-card p{color:#82949d;margin:4px 0 0;font-size:9px}.equipment-detail-card>strong{color:#3d5a66;margin-top:12px;font-size:10px;display:block}.floor-selector{grid-template-columns:repeat(11,1fr);gap:6px;padding:12px;display:grid}.floor-selector button{color:#607681;background:#f8fafb;border:1px solid #d8e3e7;border-radius:8px;padding:8px 4px;font-size:9px;font-weight:800}.floor-selector button.active{color:#fff;background:#2e718d;border-color:#2e7c9c}.ahu-pair-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.ahu-detail{padding:17px}.ahu-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ahu-detail-head span{color:#5d8da0;letter-spacing:.06em;font-size:9px;font-weight:850}.ahu-detail-head h2{color:#233d49;margin:4px 0 0;font-size:15px}.ahu-detail-head>em{align-items:center;gap:5px;display:inline-flex}.ahu-detail-head>em i{background:currentColor;border-radius:50%;width:6px;height:6px}.ahu-primary-reading{background:#f7fafb;border:1px solid #dce7ea;border-left:4px solid #3b96bc;border-radius:11px;grid-template-rows:auto auto;grid-template-columns:1fr auto;margin-top:15px;padding:13px 15px;display:grid}.ahu-primary-reading>span{color:#6f848e;font-size:9px}.ahu-primary-reading>strong{color:#223f4b;letter-spacing:-.03em;grid-area:1/2/3;font-size:29px}.ahu-primary-reading small{color:#607985;margin-left:3px;font-size:11px}.ahu-primary-reading em{color:#608492;margin-top:5px;font-size:9px;font-style:normal}.ahu-sensor-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px;display:grid}.ahu-sensor-grid div{background:#fff;border:1px solid #e0e7ea;border-radius:9px;padding:10px 11px}.ahu-sensor-grid span,.ahu-sensor-grid strong{display:block}.ahu-sensor-grid span{color:#82929a;font-size:8px}.ahu-sensor-grid strong{color:#34505c;margin-top:5px;font-size:10px}.schedule-page{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start}.schedule-board.ahu-schedule{grid-column:1/-1}.schedule-row{border-bottom:1px solid #edf1f3;grid-template-columns:90px 1fr 72px;align-items:center;gap:12px;min-height:44px;padding:0 15px;display:grid}.schedule-row:last-child{border-bottom:0}.schedule-row strong{color:#405a65;font-size:10px}.schedule-row span{color:#667d87;font-size:10px}.schedule-row em{color:#287759;font-size:9px;font-style:normal;font-weight:800}.schedule-row.heading{background:#f6f9fa;min-height:34px}.schedule-row.heading *{color:#8a9aa1;letter-spacing:.05em;font-size:8px;font-weight:800}.schedule-row.muted{background:#fbfcfc}.schedule-row.muted em{color:#8b9aa1}.overtime-content{padding:15px}.overtime-content p{color:#71858f;margin:0;font-size:10px;line-height:1.55}.duration-options{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px;display:grid}.duration-options button{color:#607680;background:#f8fafb;border:1px solid #d7e2e6;border-radius:8px;padding:8px 4px;font-size:9px}.duration-options button.active{color:#2c6f89;background:#e8f3f7;border-color:#4f8ca4;font-weight:800}.overtime-content label{color:#637a84;gap:6px;margin-top:14px;font-size:9px;display:grid}.overtime-content select{color:#38525e;background:#fff;border:1px solid #d6e1e5;border-radius:8px;width:100%;padding:9px;font-size:10px}.primary-preview-action{color:#809098;cursor:not-allowed;background:#e7edef;border:0;border-radius:9px;width:100%;margin-top:12px;padding:10px;font-size:10px;font-weight:800}.group-schedule-list{grid-template-columns:repeat(3,1fr);display:grid}.group-schedule-list article{border-right:1px solid #e6ecef;padding:15px}.group-schedule-list article:last-child{border-right:0}.group-schedule-list strong,.group-schedule-list span,.group-schedule-list em{display:block}.group-schedule-list strong{color:#344f5b;font-size:11px}.group-schedule-list span{color:#657c87;margin-top:6px;font-size:10px}.group-schedule-list em{color:#8b9aa1;margin-top:5px;font-size:8px;font-style:normal}.alarm-toolbar{border-bottom:1px solid #e3eaed;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;display:flex}.alarm-toolbar>span{color:#8999a0;font-size:9px}.alarm-filters{gap:5px;display:flex}.alarm-filters button{color:#667c86;background:#f8fafb;border:1px solid #d7e2e6;border-radius:8px;padding:7px 11px;font-size:9px}.alarm-filters button.active{color:#fff;background:#2e718d;border-color:#2e718d}.alarm-row{border-bottom:1px solid #edf1f3;grid-template-columns:74px 70px 125px minmax(220px,1fr) 90px;align-items:center;gap:12px;min-height:52px;padding:0 15px;display:grid}.alarm-row:last-child{border-bottom:0}.alarm-row>span{color:#526a75;align-items:center;gap:6px;font-size:9px;font-weight:800;display:inline-flex}.alarm-row>span i{border-radius:50%;width:7px;height:7px}.alarm-row>span i.medium{background:#dc7b35}.alarm-row>span i.notice{background:#d5a63f}.alarm-row time,.alarm-row strong,.alarm-row p,.alarm-row em{color:#607680;font-size:9px;font-style:normal}.alarm-row p{margin:0}.alarm-row em{background:#eef3f5;border-radius:999px;justify-self:start;padding:4px 7px}.alarm-row.heading{background:#f6f9fa;min-height:35px}.alarm-row.heading *{color:#8999a0;font-size:8px;font-weight:800}.empty-filter{color:#8b9aa2;text-align:center;padding:42px;font-size:10px}.energy-metrics{grid-template-columns:repeat(4,1fr);gap:11px;display:grid}.energy-metrics article{background:#fff;border:1px solid #d9e3e7;border-radius:13px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;column-gap:10px;min-height:125px;padding:15px;display:grid}.energy-metrics svg{color:#2d7b9b;grid-row:1/4}.energy-metrics span{color:#71858f;font-size:9px}.energy-metrics strong{color:#243f4b;margin-top:8px;font-size:23px}.energy-metrics small{color:#647b86;margin-left:4px;font-size:9px}.energy-metrics em{color:#8d9ca3;margin-top:5px;font-size:8px;font-style:normal}.energy-row{border-bottom:1px solid #edf1f3;grid-template-columns:minmax(220px,1.4fr) .6fr .65fr .65fr;align-items:center;gap:12px;min-height:48px;padding:0 15px;display:grid}.energy-row:last-child{border-bottom:0}.energy-row strong,.energy-row span,.energy-row em{color:#526975;font-size:9px;font-style:normal}.energy-row em{color:#287759;font-weight:800}.energy-row.heading{background:#f6f9fa;min-height:35px}.energy-row.heading *{color:#8a9aa1;font-size:8px;font-weight:800}.energy-boundary{color:#5b7580;background:#f8fbfc;align-items:center;gap:11px;padding:15px;display:flex}.energy-boundary svg{color:#7796a3}.energy-boundary strong,.energy-boundary span{display:block}.energy-boundary strong{font-size:10px}.energy-boundary span{color:#82939b;margin-top:3px;font-size:9px}.settings-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-lock-panel,.settings-action-bar{grid-column:1/-1}.settings-lock-panel{background:#fffdf8;border-left:4px solid #d6a24a;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.settings-lock-icon{color:#986b1e;background:#fff0d5;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.settings-lock-panel span,.settings-lock-panel strong,.settings-lock-panel small{display:block}.settings-lock-panel>div:nth-child(2)>span{color:#8b744d;letter-spacing:.06em;font-size:9px;font-weight:800}.settings-lock-panel strong{color:#4f493e;margin-top:3px;font-size:12px}.settings-lock-panel small{color:#8b8171;margin-top:4px;font-size:9px}.settings-section{overflow:visible}.settings-wide{grid-column:1/-1}.settings-section .panel-heading svg{color:#4f8196}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.settings-form-grid.five-columns{grid-template-columns:repeat(5,minmax(0,1fr))}.setting-field{color:#637984;background:#fafcfc;border:1px solid #dfe7ea;border-radius:10px;flex-direction:column;min-width:0;padding:11px;font-size:9px;display:flex}.setting-field>span{font-weight:800}.setting-field select,.setting-field input{color:#38525e;background:#fff;border:1px solid #d5e1e5;border-radius:8px;width:100%;min-height:34px;margin-top:8px;font-size:10px}.setting-field select{padding:0 9px}.setting-field input{padding:0 32px 0 9px}.setting-field select:disabled,.setting-field input:disabled{opacity:1;-webkit-text-fill-color:#38525e;cursor:not-allowed}.setting-field small{color:#8a9aa1;margin-top:7px;font-size:8px;line-height:1.4}.setting-number{position:relative}.setting-number b{color:#72858f;font-size:9px;position:absolute;bottom:10px;right:10px}.setting-choice{grid-template-columns:1fr 1fr;gap:5px;margin-top:8px;display:grid}.setting-choice button{color:#687d87;background:#fff;border:1px solid #d6e1e5;border-radius:8px;min-height:34px;font-size:9px}.setting-choice button.selected{color:#236781;background:#e8f3f7;border-color:#4f8ca4;font-weight:800}.setting-choice button:disabled{cursor:not-allowed;opacity:1}.setting-static{background:#fff;border:1px solid #d5e1e5;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:34px;margin-top:8px;padding:0 9px;display:flex}.setting-static strong{color:#3b5662;font-size:9px}.setting-static em{color:#237858;background:#e3f2eb;border-radius:999px;padding:3px 6px;font-size:8px;font-style:normal;font-weight:800}.setting-field.pending .setting-static em{color:#96671d;background:#fff0d5}.settings-list{padding:4px 14px 12px}.settings-list>div{border-bottom:1px solid #edf1f3;grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr) auto;align-items:center;gap:10px;min-height:46px;display:grid}.settings-list>div:last-child{border-bottom:0}.settings-list span{color:#7e9099;font-size:9px}.settings-list strong{color:#3c5662;font-size:10px}.settings-list em{color:#287759;font-size:8px;font-style:normal;font-weight:800}.settings-list em.pending{color:#a06920}.settings-action-bar{background:#f8fafb;border:1px solid #d9e3e8;border-radius:13px;justify-content:space-between;align-items:center;gap:16px;padding:13px 15px;display:flex}.settings-action-bar strong,.settings-action-bar span{display:block}.settings-action-bar strong{color:#405a66;font-size:10px}.settings-action-bar span{color:#84969e;margin-top:3px;font-size:9px}.settings-action-bar button{color:#819097;cursor:not-allowed;background:#e2e9ec;border:0;border-radius:9px;min-width:112px;min-height:36px;font-size:10px;font-weight:800}@media (width<=1200px){.customer-preview-shell{grid-template-columns:216px minmax(0,1fr)}.equipment-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-preview-shell .status-body{grid-template-columns:1fr}.customer-preview-shell .equipment-status-grid{border-bottom:1px solid #e5ecef;border-right:0}}@media (width<=900px){.customer-preview-shell{display:block}.sidebar{width:100%;height:auto;padding:10px 12px;position:static}.sidebar-brand,.site-card,.sidebar-footer{display:none}.sidebar-nav{gap:4px;margin:0;display:flex;overflow-x:auto}.sidebar-nav button{width:auto;min-width:max-content;padding:8px 10px}.sidebar-nav button small{display:none}.workspace-topbar{height:56px;padding:0 14px}.mobile-brand{display:flex}.preview-pill{display:none}.workspace main{padding:16px 14px 24px}.overview-grid,.schedule-page{grid-template-columns:1fr}.overview-grid>.system-panel,.control-preview-panel,.schedule-board.ahu-schedule{grid-area:auto}.ahu-pair-grid{grid-template-columns:1fr}.floor-selector{grid-template-columns:repeat(6,1fr)}.energy-metrics{grid-template-columns:repeat(2,1fr)}.settings-page{grid-template-columns:1fr}.settings-lock-panel,.settings-wide{grid-column:auto}.settings-form-grid.five-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.system-visual-layout,.system-visual-layout.rail-collapsed{grid-template-columns:1fr}.system-insight-rail{border-top:1px solid #dce6ea;border-left:0}.rail-collapsed .insight-rail-heading{border-bottom:0;justify-content:flex-end;min-height:52px}}@media (width<=600px){.workspace-topbar .user-chip div,.workspace-topbar .top-actions>button{display:none}.page-header{align-items:flex-start}.page-header h1{font-size:21px}.page-status{display:none}.preview-boundary{align-items:flex-start;line-height:1.5}.customer-preview-shell .status-heading{align-items:flex-start}.customer-preview-shell .temperature-overview,.customer-preview-shell .equipment-status-grid{grid-template-columns:1fr 1fr}.overview-grid{display:block}.overview-grid>.panel{margin-top:11px}.control-facts{grid-template-columns:1fr}.control-facts div{border-bottom:1px solid #e4ebee;border-right:0}.comfort-list article{grid-template-columns:38px 1fr 1fr}.comfort-list em{display:none}.sequence-track{grid-template-columns:repeat(2,1fr);gap:12px}.sequence-step:after{display:none}.water-design-strip{grid-template-columns:1fr}.water-design-strip div{border-bottom:1px solid #e3eaed;border-right:0}.equipment-card-grid{grid-template-columns:1fr 1fr}.floor-selector{grid-template-columns:repeat(4,1fr)}.ahu-sensor-grid{grid-template-columns:1fr 1fr}.group-schedule-list{grid-template-columns:1fr}.group-schedule-list article{border-bottom:1px solid #e6ecef;border-right:0}.alarm-toolbar{flex-direction:column;align-items:flex-start}.alarm-row{grid-template-columns:60px 50px 1fr;padding:10px 12px}.alarm-row p{grid-column:1/-1}.alarm-row em,.alarm-row.heading span:nth-child(4),.alarm-row.heading span:nth-child(5){display:none}.energy-metrics{grid-template-columns:1fr 1fr}.energy-row{grid-template-columns:1fr .6fr;padding:10px 12px}.energy-row span:last-child,.energy-row.heading span:last-child{display:none}.insight-rail-body{padding:10px}.insight-status-list{grid-template-columns:1fr 1fr}.insight-status-list article:first-child{grid-column:1/-1}.settings-lock-panel{grid-template-columns:auto 1fr}.settings-lock-panel>.mode-chip{grid-column:2;justify-self:start}.settings-form-grid,.settings-form-grid.five-columns{grid-template-columns:1fr}.settings-list>div{grid-template-columns:1fr auto;padding:9px 0}.settings-list>div strong{grid-area:2/1/auto/-1}.settings-action-bar{flex-direction:column;align-items:stretch}}