.trend-card{overflow:hidden}.trend-controls{display:flex;align-items:end;flex-wrap:wrap;gap:15px;padding:22px 24px 8px}.trend-controls label,.trend-selectors label,.control-section label,.settings-grid label{display:grid;gap:8px;font-size:14px;color:#55707b}.trend-controls input{min-width:215px}.trend-presets{display:flex;gap:6px;align-self:end}.trend-presets button{min-width:48px}.trend-error{color:#aa3a34;font-size:14px;margin:8px 24px}.trend-error:empty{display:none}.trend-selectors{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 24px}.trend-selectors select{width:100%;min-width:0;text-overflow:ellipsis}.trend-series{display:flex;gap:12px;flex-wrap:wrap;padding:8px 24px 18px}.trend-series>span{padding:8px 12px;border:1px solid #dce5e8;border-radius:5px;display:flex;gap:8px;align-items:center;font-size:14px}.trend-series i{width:20px;height:3px;background:var(--series)}.trend-series button{border:0;background:none;padding:0 4px;min-height:0}.trend-tools{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:14px 24px;background:#f5f8f9;border-top:1px solid #e0e8eb}.trend-tools>div{display:flex;gap:6px}.trend-tools>span{font-size:13px;color:#64818b}.trend-tools button{padding:8px 13px}.trend-view{padding:20px 16px 0}.trend-range{display:flex;justify-content:space-between;gap:10px;padding:0 12px 10px;font-size:14px;color:#3b616e}.trend-range>span{color:#728994}.trend-plot{position:relative}.trend-plot svg{display:block;width:100%;min-height:290px;touch-action:none;cursor:crosshair;user-select:none}.trend-plot svg text{font-family:inherit;font-size:13px;fill:#738894}.trend-tooltip{position:absolute;top:32px;width:260px;background:#183d49f5;color:white;border-radius:6px;box-shadow:0 8px 30px #1b3e4325;padding:14px;font-size:13px;pointer-events:none;z-index:3}.trend-tooltip>strong{display:block;margin-bottom:12px}.trend-tooltip>span{display:block;margin-top:9px}.trend-tooltip b{display:block;font-size:15px;margin:4px 0}.trend-tooltip i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.trend-window{display:flex;gap:30px;padding:8px 26px 22px}.trend-window label{flex:1;font-size:13px;color:#6c848e;display:grid;gap:8px}.trend-window input{width:100%;accent-color:#14877d}.trend-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:0 24px 15px}.trend-stats>div{background:#f2f7f8;padding:16px;border-radius:5px}.trend-stats b{font-size:14px}.trend-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:15px 0 0}.trend-stats dt{font-size:12px;color:#647d87}.trend-stats dd{margin:4px 0 0;font-size:20px;font-variant-numeric:tabular-nums}.trend-foot{font-size:13px;color:#70858f;line-height:1.6;margin:18px 24px 23px}.control-section{border-top:1px solid #dce5e8;padding:20px 0}.control-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.control-title h3{font-size:18px}.control-title>span{color:#237a70;background:#e9f3ef;border-radius:3px;font-size:12px;padding:4px 7px}.control-section p{font-size:14px;color:#69818c;line-height:1.5;margin:10px 0 15px}.control-section form{display:grid;gap:13px;margin:16px 0}.control-section output{color:#166f69;font-weight:600}.control-section input[type=range]{width:100%}.control-section small{display:block;color:#6b8189;font-size:12px;line-height:1.6}.control-section select{width:100%;min-width:0}.guardrail{padding:12px;background:#fff0df;color:#955b20;border-left:3px solid #cf913e;font-size:14px;line-height:1.5;margin:12px 0}.override-expiry{padding:10px;background:#e9f0f7;color:#496f91;font-size:13px}.zone-source{font-size:13px;color:#718690;line-height:1.7;margin:16px 0}.zone-source code{font-size:12px}.zone-settings{border:1px solid #d6e2e7;border-radius:5px;margin:22px 0}.zone-settings summary{padding:15px;font-weight:500;font-size:15px;cursor:pointer}.zone-settings form{padding:0 15px 18px}.zone-settings h4{font-size:15px;margin:20px 0 13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-grid input{width:100%;min-width:0;padding:10px;font-size:14px}.zone-settings fieldset{border:0;padding:0;margin:20px 0}.zone-settings legend{font-size:14px;color:#55707b;margin-bottom:10px}.schedule-days{display:flex;gap:8px;flex-wrap:wrap}.schedule-days label{font-size:12px;display:grid;gap:4px;text-align:center}.zone-settings p{font-size:12px;color:#6b7f89;line-height:1.6}.zone-settings button{margin-top:15px}.ai-proposal button{width:100%;margin:10px 0 17px}.ai-proposal small{display:block}.floor-layout>#zone-inspector{max-height:1000px;overflow:auto;scrollbar-width:thin}.floor-layout>section{position:sticky;top:18px}.floor-controls{gap:14px}.floor-controls select{max-width:240px}.floor-controls label{flex:1;min-width:140px}.floor-mode{align-self:end}.notification-button{position:relative;display:grid;place-items:center;border:0;background:none;width:42px;height:42px;padding:8px}.notification-button svg{width:24px;height:24px}.notification-button>span{position:absolute;right:0;top:1px;border-radius:10px;min-width:17px;height:17px;background:#be6047;color:white;font-size:10px;display:grid;place-items:center}.notification-button>span:empty{display:none}.notification-panel{position:fixed;right:25px;top:67px;width:min(440px,calc(100vw - 30px));max-height:calc(100dvh - 88px);overflow:auto;background:white;box-shadow:0 16px 70px #163c4330;border:1px solid #d9e4e6;border-radius:9px;z-index:100}.notification-panel[hidden]{display:none}.notification-head{padding:20px;display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #e0e8eb}.notification-head h2{font-size:19px}.notification-head span{display:block;font-size:13px;color:#708691;margin-top:6px}.notification-head button{background:none;border:0;font-size:23px;padding:0 5px}.notification-panel>.textbutton{margin:10px 20px}.notification-item{display:flex;align-items:start;gap:13px;padding:18px 20px;border-top:1px solid #e6edef;background:#f4f9f8}.notification-item.read{background:white}.event-mark{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#e3f1eb;color:#16775f;display:grid;place-items:center;font-weight:600}.event-mark.warning{background:#fbeadf;color:#b76c36}.event-mark.action{background:#e5edf8;color:#4a749d}.notification-item b{font-size:14px}.notification-item p{font-size:13px;line-height:1.6;color:#637d89;margin:7px 0}.notification-item time{font-size:12px;color:#7b8f99}.notification-item button{border:0;background:none;color:#168075;font-size:12px;padding:9px 12px 0 0}.operations-overview{margin:24px 0}.operations-overview>.card-head{padding:0 0 18px;border:0}.operations-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.operations-kpis>div{background:#fff;border:1px solid #d9e5e5;border-radius:6px;padding:20px}.operations-kpis span{font-size:14px;color:#6f8790}.operations-kpis strong{display:block;font-size:32px;font-weight:500;margin:12px 0;color:#285561}.operations-kpis small{font-size:14px;font-weight:400}.operations-kpis p{font-size:12px;color:#718890;line-height:1.5}.overview-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.building-health{padding:6px 0 22px}.building-health h3{font-size:17px}.building-health p{font-size:13px;color:#6c838d;margin:6px 0 12px}.health-bar{display:flex;gap:5px}.health-bar span{height:22px;flex:1;border-radius:2px;background:#9eacb8}.health-bar .good{background:#69b9a0}.health-bar .watch{background:#e5b65a}.health-bar .bad{background:#dd756d}.health-facts{display:flex;gap:20px;font-size:13px;color:#577780;margin-top:12px}.overview-caption{font-size:13px;color:#778c96;line-height:1.6}.overview-event{display:flex;gap:12px;margin-bottom:18px}.overview-event b{font-size:14px}.overview-event p{font-size:13px;color:#6a828e;line-height:1.5;margin:6px 0}.overview-event time{font-size:12px;color:#7f939d}.ibs-disclosure{padding:18px;background:#edf4f6;border-left:3px solid #4e859d}.ibs-disclosure>p{margin:12px 0!important}.trend-plot svg:focus{outline:2px solid #278b81;outline-offset:-2px}
@media(max-width:1100px){.operations-kpis{grid-template-columns:repeat(2,1fr)}.floor-layout>section{position:static}.floor-layout>#zone-inspector{max-height:none}.overview-detail-grid{grid-template-columns:1fr}.trend-tools{flex-wrap:wrap}}@media(max-width:650px){.trend-selectors{grid-template-columns:1fr}.trend-controls{padding:18px}.trend-controls label,.trend-controls input{width:100%;min-width:0}.trend-presets{flex-wrap:wrap}.trend-tools{padding:14px}.trend-tools>div{flex-wrap:wrap}.trend-range{flex-direction:column}.trend-stats{margin:0 16px}.trend-plot{overflow:auto}.trend-plot svg{min-width:690px}.trend-window{gap:15px}.operations-kpis{gap:10px}.operations-kpis>div{padding:15px}.notification-panel{right:10px;top:110px}.floor-controls select{max-width:none}.health-facts{gap:10px}.floor-mode{width:100%}.floor-mode button{flex:1}}
.live-status{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 32px;background:#edf6f3;border-bottom:1px solid #d3e6df;font-size:12px;color:#4a7069;flex-wrap:wrap}.live-status>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-status button{font-size:12px;padding:5px 9px;min-height:28px}.live-dot{width:7px;height:7px;background:#26987c;border-radius:50%;box-shadow:0 0 0 4px #26987c16;animation:livepulse 2s infinite}.live-dot.paused{background:#a38b5b;animation:none}@keyframes livepulse{50%{box-shadow:0 0 0 7px #26987c08}}.scenario-intro{font-size:15px;line-height:1.7;color:#5c7480}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.scenario-grid article{border:1px solid #d8e4e4;border-radius:8px;padding:22px;background:#f8fbfb;display:flex;flex-direction:column;align-items:start}.scenario-grid h3{font-size:20px;color:#244c59;margin:10px 0}.scenario-grid p{font-size:14px;line-height:1.7;flex:1}.scenario-grid button{margin-top:10px}.scenario-grid .eyebrow{font-size:10px;letter-spacing:.09em}.scenario-session{border-top:1px solid #dbe7e7;padding:16px 0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.scenario-session b{width:100%}.scenario-session p{font-size:12px;color:#7c8e96}.ibs-disclosure summary{cursor:pointer;font-size:13px;font-weight:600}.ibs-disclosure p{font-size:13px;line-height:1.7}.live-alert-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:24px}.live-alarm{border:1px solid #e5d9cb;border-left:3px solid #bc7e42;padding:22px;border-radius:7px;background:white;margin-bottom:14px}.live-alarm.cleared{border-color:#cfe0d9;border-left-color:#3b8f74}.live-alarm-head{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:11px;color:#7b8890}.live-alarm h3{font-size:18px;margin:15px 0 10px;color:#315565}.live-alarm p{line-height:1.6;font-size:14px;color:#587483;margin:8px 0}.live-alarm .live-reason{padding:12px;background:#f3f7f8;font-size:13px}.live-alarm-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 8px}.live-alarm-actions button{font-size:12px}.live-alarm small{display:block;color:#7d8992;line-height:1.5}.live-clear{background:#eff7f3;padding:24px;color:#377f6b;border-radius:6px;line-height:1.7}.alarm-history{margin:20px 0;color:#75868f;font-size:13px}.alarm-history summary{cursor:pointer}.thermal-evidence .evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.evidence-grid>div{background:#f1f6f8;padding:15px;color:#6e818b;font-size:12px}.evidence-grid b{display:block;color:#26566a;font-size:23px;margin-top:7px}.thermal-evidence p{font-size:13px;color:#69808d;line-height:1.7}.thermal-evidence .formula{font-size:13px;line-height:1.9;margin-top:20px}.zone-live-alarms{padding:0 18px}.zone-live-alarms .live-clear{display:none}.zone-live-alarms .live-alarm{padding:16px}.zone-live-alarms [data-live-zone]{display:none}.event-popups{position:fixed;right:24px;bottom:24px;z-index:95;width:min(380px,calc(100vw - 32px));pointer-events:none}.event-popup{pointer-events:auto;padding:20px;background:#fff;border:1px solid #dce5e4;border-top:3px solid #c78c4b;box-shadow:0 12px 45px #28495726;border-radius:8px;animation:popupin .25s ease-out}.event-popup>div{display:flex;align-items:center;justify-content:space-between}.event-popup>div button{padding:0 6px;border:0;background:none;font-size:23px}.event-popup .eyebrow{font-size:10px;color:#a07541}.event-popup h3{font-size:17px;line-height:1.5;color:#335968;margin:10px 0}.event-popup p{font-size:13px;color:#70838c;line-height:1.6}.event-popup>button{margin:12px 0;font-size:13px;color:#18776c}.event-popup small{display:block;color:#94a0a6;font-size:11px}@keyframes popupin{from{opacity:0;transform:translateY(12px)}}@media(max-width:1050px){.live-alert-layout{grid-template-columns:1fr}}@media(max-width:650px){.live-status{padding:12px 16px}.scenario-grid{grid-template-columns:1fr}.event-popups{right:16px;bottom:16px}.event-popup{padding:16px}.live-alarm-head{align-items:start;flex-direction:column;gap:7px}.live-status>div>span:not(.live-dot){font-size:11px}.scenario-grid article{padding:17px}}@media(prefers-reduced-motion:reduce){.live-dot,.event-popup{animation:none}}

dialog:has(.scenario-grid){width:min(980px,calc(100vw - 32px));max-width:980px}.zone-trend-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.zone-trend-links button{font-size:12px}.scenario-grid small{font-size:12px;color:#68828b}