#monitoringModule{--mon-teal:#087f78;--mon-ink:#152e35;--mon-muted:#687b82;--mon-line:#e2e9e8;--mon-surface:#fff;color:var(--mon-ink);min-width:0}
#monitoringModule *{box-sizing:border-box}
#monitoringModule button,#monitoringModule select,#monitoringModule input{font:inherit;min-height:44px}
#monitoringModule button{cursor:pointer}
#monitoringModule button:disabled{cursor:default;opacity:.68}
#monitoringModule button:focus-visible,#monitoringModule select:focus-visible,#monitoringModule input:focus-visible{outline:3px solid #7dded1;outline-offset:3px}
.mon-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.mon-eyebrow{font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:var(--mon-teal)}
.mon-heading h2{font-size:clamp(22px,2vw,30px);font-weight:650;letter-spacing:-.045em;margin:6px 0}
.mon-heading p{font-size:13px;color:var(--mon-muted);margin:7px 0 0}
.mon-demo-chip{background:#e6f3f0;border:1px solid #c9e4dc;padding:8px 12px;border-radius:20px;white-space:nowrap;color:#23675c;font-size:12px;font-weight:650}
.mon-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.mon-kpi{border:1px solid var(--mon-line);background:var(--mon-surface);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr 40px;gap:5px;box-shadow:0 3px 10px #193c4210}
.mon-kpi>span:not(.mon-kpi-icon){font-size:12px;font-weight:550;color:var(--mon-muted)}
.mon-kpi strong{font-size:32px;line-height:1.2;letter-spacing:-.05em;font-weight:650;font-variant-numeric:tabular-nums}
.mon-kpi small{color:var(--mon-muted);font-size:11px;grid-column:1/-1}
.mon-kpi-icon{grid-column:2;grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#eaf5f2;color:#198b7d}
.mon-kpi.is-warning .mon-kpi-icon{background:#fff3df;color:#b86b0a}
.mon-kpi.is-muted .mon-kpi-icon{background:#edf0f4;color:#64748b}
.mon-simulation{display:flex;align-items:center;gap:14px;border:1px solid #dce9e4;padding:10px 12px;border-radius:14px;background:#f0f6f3;margin-bottom:18px}
.mon-simulation>span{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}
.mon-simulation>span svg{color:var(--mon-teal)}
.mon-scenario-options{display:flex;flex:1;gap:4px;flex-wrap:wrap}
#monitoringModule .mon-scenario-options button{border:1px solid transparent;background:transparent;color:#48635e;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:600}
#monitoringModule .mon-scenario-options button[aria-pressed=true]{background:#fff;border-color:#d1e5dd;color:#08695c;box-shadow:0 2px 4px #2347340c}
#monitoringModule .mon-refresh{padding:0;width:44px;border:1px solid #d6e6df;border-radius:10px;background:#fff;display:grid;place-items:center;color:#58716a}
.mon-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(145px,1fr) minmax(165px,1fr) minmax(160px,1.1fr);gap:10px;margin-bottom:18px}
.mon-filters label{min-width:0;display:flex;flex-direction:column;gap:6px}
.mon-filters label>span{font-size:11px;font-weight:600;color:var(--mon-muted)}
#monitoringModule .mon-filters select,#monitoringModule .mon-filters input{width:100%;min-width:0;border:1px solid #dce5e3;border-radius:10px;padding:9px 11px;background:#fff;color:#344f56;font-size:12px}
.mon-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:18px}
.mon-panel{border:1px solid var(--mon-line);border-radius:20px;background:#fff;overflow:hidden;min-width:0;box-shadow:0 3px 12px #163b3e08}
.mon-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 20px 0}
.mon-panel-head h2{font-size:16px;font-weight:650;margin:5px 0 0;letter-spacing:-.025em;overflow-wrap:anywhere}
.mon-segments{display:flex;padding:3px;border:1px solid #e0e8e6;border-radius:10px;gap:2px;background:#f5f8f7;flex-shrink:0}
#monitoringModule .mon-segments button{border:0;background:transparent;padding:5px 11px;color:#6c7f82;font-size:11px;border-radius:7px;min-height:32px;font-weight:600;white-space:nowrap}
#monitoringModule .mon-segments button[aria-pressed=true]{background:#fff;color:#175e57;box-shadow:0 1px 5px #16322f18}
.mon-schematic{background:radial-gradient(ellipse at 55% 0,#244851,#142c35 70%);border-color:#264550;color:#e9f4ef}
.mon-schematic .mon-panel-head{align-items:start}
.mon-schematic .mon-eyebrow{color:#86b5ac}
.mon-schematic .mon-panel-head h2{font-size:15px;font-weight:550;line-height:1.5}
.mon-schematic .mon-segments{background:#27444c;border-color:#426069}
#monitoringModule .mon-schematic .mon-segments button{color:#bed5d7}
#monitoringModule .mon-schematic .mon-segments button[aria-pressed=true]{background:#3d6168;color:#fff}
.mon-building-svg{display:block;width:100%;height:auto;margin-top:10px}
.mon-svg-base{stroke:#55726d;stroke-width:2;fill:none;stroke-dasharray:4 7}
.mon-zone rect{fill:#203f47;stroke:#3e6970;stroke-width:1.4}
.mon-zone.mon-alarm rect{fill:#4a3033;stroke:#c16a68}
.mon-zone.mon-warning rect{fill:#493f2d;stroke:#a99250}
.mon-zone.mon-stale rect,.mon-zone.mon-unknown rect{fill:#2f3c47;stroke:#70818c}
.mon-svg-label{fill:#acccc7;font-size:15px;font-weight:550}
.mon-svg-value{fill:#f3fffa;font-size:26px;font-weight:650;letter-spacing:-1px}
.mon-svg-sub{fill:#8ab9cf;font-size:12px}
.mon-pipe{fill:none;stroke-width:5;stroke-linecap:round;opacity:.6}
.mon-pipe-hot{stroke:#ca7564}.mon-pipe-cold{stroke:#5899c8}
.mon-flow{fill:none;stroke-width:3;stroke-linecap:round;stroke-dasharray:4 16;animation:mon-flow 2s linear infinite}
.mon-flow-hot{stroke:#ffbb92}.mon-flow-cold{stroke:#9cd9ff}
.is-paused .mon-flow,.is-disconnected .mon-flow{animation-play-state:paused}
.is-disconnected .mon-flow{opacity:.2}
@keyframes mon-flow{to{stroke-dashoffset:-40}}
.mon-scheme-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 20px}
.mon-scheme-footer>span{display:flex;align-items:center;gap:8px;color:#b5d0cb;font-size:11px}
.mon-flow-dot{width:6px;height:6px;display:inline-block;background:#76c9ab;border-radius:50%}
.is-disconnected .mon-flow-dot{background:#9aa9b8}
#monitoringModule .mon-scheme-footer button{background:transparent;border:0;color:#c7e0da;font-size:11px;padding:8px;min-height:36px}
.mon-scheme-note{font-size:10px;color:#92b3b3;line-height:1.6;margin:0;padding:0 20px 18px}
.mon-inspector{padding-bottom:18px}
.mon-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:650;padding:5px 7px;border-radius:20px;background:#e9f6ee;color:#287653;white-space:nowrap;line-height:1.4}
.mon-status.mon-warning{background:#fff3df;color:#98620b}
.mon-status.mon-alarm{background:#fff0ed;color:#aa4937}
.mon-status.mon-stale,.mon-status.mon-unknown{background:#edf0f5;color:#68788a}
.mon-detail-reading{display:flex;align-items:baseline;gap:7px;padding:14px 20px 0;font-variant-numeric:tabular-nums}
.mon-detail-reading strong{font-size:34px;line-height:1.2;font-weight:650;letter-spacing:-.04em}
.mon-detail-reading>span{font-size:15px;color:#6b8386}
.mon-detail-reading.mon-alarm{color:#b24e40}.mon-detail-reading.mon-warning{color:#a86d17}
.mon-detail-address{margin:4px 20px 16px;font-size:11px;color:var(--mon-muted);overflow-wrap:anywhere}
.mon-history-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 20px}
.mon-history-heading h3{font-size:11px;font-weight:600;margin:0}
.mon-chart{margin:5px 16px 10px}
.mon-chart svg{display:block;width:100%;height:auto}
.mon-chart-grid{fill:none;stroke:#e9eeee;stroke-width:1;stroke-dasharray:4 6}
.mon-chart-label{fill:#8a9b9c;font-size:10px}
.mon-chart-line{fill:none;stroke:#279f91;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}
.mon-chart-end{fill:#198677;stroke:#fff;stroke-width:2}
.mon-chart-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#859595;margin:0 8px}
.mon-hint{margin:12px 20px;font-size:11px;line-height:1.7;color:#647a7e;border-left:3px solid #cfe3dd;padding-left:10px}
.mon-hint.mon-stale,.mon-hint.mon-unknown{border-color:#94a2b0;color:#697c8e}
.mon-hint.mon-alarm{border-color:#dc8c7b;color:#a45344}
.mon-hint.mon-warning{border-color:#d7af63;color:#997332}
.mon-health{margin:14px 20px 10px;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}
.mon-health div{min-width:0}.mon-health dt{font-size:10px;color:#829391;display:flex;align-items:center;gap:5px}
.mon-health dd{font-size:11px;margin:4px 0 0;color:#425d61;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.mon-inspector-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 20px 0}
#monitoringModule .mon-inspector-actions button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce7e3;background:#f8faf9;border-radius:10px;padding:9px 11px;font-size:11px;color:#365c58}
#monitoringModule .mon-inspector-actions .mon-primary{background:#137d72;border-color:#137d72;color:#fff}
.mon-usage{display:grid;grid-template-columns:1fr auto;gap:6px;margin:15px 20px;padding:12px;background:#f1f8f5;border-radius:10px;font-size:11px}
.mon-usage strong{font-size:14px;color:#127b68}.mon-usage small{grid-column:1/-1;color:#748984;line-height:1.5}
.mon-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 12px}
.mon-list-heading h3{font-size:15px;margin:0;font-weight:650}.mon-list-heading h3 span{font-size:11px;background:#e5efeb;border-radius:7px;padding:3px 7px;margin-left:5px;color:#598475}
.mon-list-heading>span{font-size:11px;color:#829391}
.mon-sensors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#monitoringModule .mon-sensor{display:flex;align-items:stretch;flex-direction:column;text-align:left;min-width:0;padding:16px;border:1px solid var(--mon-line);border-radius:17px;background:#fff;box-shadow:0 2px 7px #1a4c3d06;transition:border-color .18s,box-shadow .18s,transform .18s}
#monitoringModule .mon-sensor:hover{border-color:#9cccbf;box-shadow:0 6px 18px #214b3b0b;transform:translateY(-2px)}
#monitoringModule .mon-sensor.is-selected{border-color:#3f9d89;box-shadow:0 0 0 2px #76bea723}
#monitoringModule .mon-sensor.mon-alarm{background:#fffaf8;border-color:#e7b5a8}
#monitoringModule .mon-sensor.mon-warning{background:#fffcf6;border-color:#ecd7af}
#monitoringModule .mon-sensor.mon-stale,#monitoringModule .mon-sensor.mon-unknown{background:#f8f9fb;border-color:#d8dfe6}
.mon-sensor-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:14px}
.mon-icon{color:#3c8d7c;display:flex}
.mon-sensor-name{font-size:12px;font-weight:600;color:#627b7a}
.mon-reading{display:flex;gap:5px;align-items:baseline;margin:7px 0 10px;min-width:0}
.mon-reading strong{font-size:clamp(19px,2vw,27px);font-weight:650;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.3}
.mon-reading>span{font-size:12px;color:#879b95;white-space:nowrap}
.mon-sensor.mon-stale .mon-reading,.mon-sensor.mon-unknown .mon-reading{color:#8795a5}
.mon-sensor-bottom{font-size:10px;line-height:1.5;color:#738a86}
.mon-sensor-note{font-size:9px;line-height:1.7;color:#8b9c98;margin-top:4px;overflow-wrap:anywhere}
.mon-empty{padding:35px 22px;color:#738681;font-size:13px;line-height:1.8}
.mon-empty h3{color:#345850}
.mon-footnote{font-size:11px;color:#80928d;line-height:1.8;margin:22px 0 10px}
.mon-map-disclosure{margin:16px 0;border:1px solid var(--mon-line);border-radius:15px;background:#fff;overflow:hidden}
.mon-map-disclosure>summary,.mon-house-group>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:14px 16px;min-height:48px;font-weight:650;color:#365c58}
.mon-map-disclosure>summary::-webkit-details-marker,.mon-house-group>summary::-webkit-details-marker{display:none}
.mon-map-disclosure>summary>svg:last-child,.mon-house-group>summary>svg:last-child{margin-left:auto}
.mon-map-disclosure>summary>span{font-size:12px;background:#edf3ef;padding:3px 8px;border-radius:8px}
.mon-map{height:360px;border-top:1px solid var(--mon-line)}
.mon-map-note{padding:0 15px 12px;margin:0;color:#627a71;font-size:11px}
.mon-house-groups{display:grid;gap:12px}
.mon-house-group{background:#fff;border:1px solid var(--mon-line);border-radius:14px;overflow:hidden}
.mon-house-group>summary>span{min-width:0;overflow-wrap:anywhere}
.mon-house-group>summary small{display:block;font-size:11px;font-weight:450;color:#647c73;margin-top:4px}
.mon-house-group>.mon-sensors{padding:0 14px 14px}
@media(min-width:1500px){.mon-workspace{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.mon-schematic{min-height:440px}}
@media(max-width:1100px){.mon-sensors{grid-template-columns:repeat(3,minmax(0,1fr))}.mon-workspace{grid-template-columns:1fr}.mon-schematic{min-height:0}.mon-building-svg{max-height:370px}.mon-inspector .mon-chart{max-width:680px}.mon-filters{grid-template-columns:1fr 1fr}.mon-heading{align-items:flex-start}.mon-heading h2{font-size:24px}.mon-kpi{padding:14px}.mon-simulation{flex-wrap:wrap}.mon-simulation>span{flex:1}.mon-scenario-options{order:3;flex-basis:100%}}
@media(max-width:600px){.mon-heading{flex-direction:column;gap:10px}.mon-heading h2{font-size:23px}.mon-heading p{font-size:12px;line-height:1.6}.mon-kpis{grid-template-columns:1fr 1fr;gap:10px}.mon-kpi{padding:14px 12px;grid-template-columns:1fr 28px;border-radius:14px}.mon-kpi strong{font-size:27px}.mon-kpi-icon{width:28px;height:28px;border-radius:8px}.mon-kpi-icon svg{width:16px;height:16px}.mon-kpi>span:not(.mon-kpi-icon){font-size:10px}.mon-kpi small{font-size:9px;line-height:1.5}.mon-sensors{grid-template-columns:1fr 1fr;gap:10px}#monitoringModule .mon-sensor{padding:12px;border-radius:14px}.mon-sensor-top{align-items:flex-start;gap:5px;flex-wrap:wrap}.mon-status{font-size:9px;padding:4px 6px}.mon-sensor-top .mon-status{white-space:normal}.mon-sensor-top .mon-icon svg{width:18px;height:18px}.mon-reading{flex-wrap:wrap;gap:2px}.mon-reading strong{font-size:22px}.mon-reading>span{font-size:10px}.mon-filters{gap:10px 8px}#monitoringModule .mon-filters select,#monitoringModule .mon-filters input{min-height:48px;font-size:16px;padding:9px 8px}.mon-filters label>span{font-size:10px}.mon-list-heading>span{font-size:10px;max-width:150px;text-align:right}.mon-panel-head{padding:16px 14px 0;gap:8px;flex-wrap:wrap}.mon-panel-head h2{font-size:15px}.mon-schematic .mon-panel-head{flex-direction:column;gap:10px}.mon-schematic .mon-segments{align-self:flex-end}.mon-svg-label{font-size:16px}.mon-svg-value{font-size:28px}.mon-svg-sub{font-size:14px}.mon-scheme-footer{margin:0 14px}.mon-scheme-note{padding:0 14px 14px;font-size:9px}.mon-detail-reading{padding:12px 14px 0}.mon-detail-address{margin:6px 14px 14px}.mon-history-heading{margin:0 14px;flex-wrap:wrap;gap:8px}.mon-chart{margin:5px 10px 10px}.mon-health{margin:14px;gap:12px 10px}.mon-hint{margin:12px 14px}.mon-inspector-actions{margin:16px 14px 0}#monitoringModule .mon-inspector-actions button{min-height:48px;flex:1;font-size:11px}.mon-usage{margin:14px;grid-template-columns:1fr}.mon-usage small{grid-column:auto}#monitoringModule .mon-segments button{min-height:44px;padding:7px 13px}#monitoringModule .mon-scenario-options button{min-height:48px;flex:1 1 45%;font-size:11px}.mon-demo-chip{font-size:10px}.mon-footnote{padding-bottom:env(safe-area-inset-bottom,0px)}}
@media(prefers-reduced-motion:reduce){.mon-flow{animation:none}#monitoringModule .mon-sensor{transition:none}#monitoringModule .mon-sensor:hover{transform:none}}
@media(max-width:600px){
 .mon-svg-label{font-size:24px}
 .mon-svg-value{font-size:38px}
 .mon-svg-sub{font-size:20px}
 .mon-sensor-bottom{font-size:11px;color:#536e68}
 .mon-sensor-note{font-size:11px;line-height:1.65;color:#5b726c}
 .mon-chart-label{font-size:18px;fill:#526e69}
}
/* Original nine-storey teaching schematic. Telemetry and task states remain separate. */
.mon-house-schematic .mon-schematic-notice{margin:12px 20px 14px;padding:8px 10px;border:1px solid #52747a;border-radius:9px;color:#c7deda;font-size:11px;line-height:1.5;background:#213f48}
.mon-building-readings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0 20px}
#monitoringModule .mon-scheme-metric{min-width:0;text-align:left;border:1px solid #42636b;border-radius:11px;background:#203d47;color:#d2e5e3;padding:10px 9px;display:flex;flex-direction:column;gap:7px}
.mon-scheme-metric>span{display:flex;align-items:center;gap:5px;font-size:11px}
.mon-scheme-metric>strong{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}
.mon-scheme-metric:nth-child(1)>strong{color:#ffbea5}.mon-scheme-metric:nth-child(2)>strong{color:#a2d9ff}
#monitoringModule .mon-scheme-metric.mon-warning{border-color:#a08445;background:#3e3c2f}
#monitoringModule .mon-scheme-metric.mon-stale,#monitoringModule .mon-scheme-metric.mon-unknown{border-color:#566572;background:#2c3b46}
.mon-scheme-metric.mon-stale>strong,.mon-scheme-metric.mon-unknown>strong{color:#a7b6c4}
.mon-house-schematic .mon-nine-floor-svg{height:auto;max-height:450px;margin:9px auto 0;overflow:visible}
.mon-building-floor>rect{fill:#294a56;stroke:#5c7880;stroke-width:.6}
.mon-building-floor .mon-window{fill:#476571;stroke:#66818c;stroke-width:.6}
.mon-building-floor .mon-window-lit{fill:#668b8b}
.mon-floor-number{fill:#b5cdd1;font-size:13px;font-weight:650}
.mon-house-roof{fill:none;stroke:#769ba0;stroke-width:5;stroke-linecap:round}
.mon-house-entry{fill:#63818a;stroke:#75979d;stroke-width:1.5}
.mon-ground-line{fill:none;stroke:#62998d;stroke-width:3}
.mon-ground-bottom{fill:none;stroke:#50726b;stroke-width:1.5;stroke-dasharray:4 7}
.mon-ground-soil{fill:#213d42}
.mon-well-cover{stroke:#82979b;stroke-width:5;stroke-linecap:round}
.mon-house-zone-label{fill:#b6d1cb;font-size:15px;font-weight:600}
.mon-house-zone-value{fill:#f2fff9;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.mon-zone.mon-stale .mon-house-zone-value,.mon-zone.mon-unknown .mon-house-zone-value{fill:#a9b9c5}
.mon-location-label{fill:#a8c4c6;font-size:13px}
.mon-house-camera{stroke:#84b9ad;fill:#345a60;stroke-width:2}
.mon-house-camera circle{fill:#9ae4c5;stroke:none}
.mon-house-camera.mon-stale,.mon-house-camera.mon-unknown{stroke:#81919c;fill:#384954}
.mon-house-camera.mon-stale circle,.mon-house-camera.mon-unknown circle{fill:#81919c}
.mon-house-schematic.is-disconnected .mon-pipe{stroke:#6f8794;opacity:.5}
.mon-house-schematic.is-disconnected .mon-flow{stroke:#8b9eaa}
.mon-worker{--worker-colour:#d6ac65;fill:#bed8d5}
.mon-worker-plumber{--worker-colour:#71b7d7}
.mon-worker-cleaner{--worker-colour:#ad9bdd}
.mon-worker .mon-worker-uniform{fill:var(--worker-colour);stroke:#d1e5df;stroke-width:1}
.mon-worker-limbs,.mon-worker-tool{fill:none;stroke:#c2d9d6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mon-worker-tool{stroke:var(--worker-colour);stroke-width:2.5}
.mon-worker-shadow{fill:#0e242b;opacity:.8}
.mon-worker-empty{opacity:.35;filter:grayscale(1)}
.mon-worker-planned,.mon-worker-assigned,.mon-worker-master_pending{opacity:.7}
.mon-worker-doing .mon-worker-hand{animation:mon-working-tool 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:0 0}
.mon-worker-doing .mon-worker-body{animation:mon-working-body 1.6s ease-in-out infinite}
.mon-worker-completed circle{fill:#2a8b71;stroke:#b7e6ca;stroke-width:1}
.mon-worker-completed path{fill:none;stroke:#e5ffed;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mon-worker-review{fill:#dfb55c;stroke:#ffeeae;stroke-width:1.5}
.mon-house-schematic.is-paused .mon-worker-hand,.mon-house-schematic.is-paused .mon-worker-body{animation-play-state:paused}
@keyframes mon-working-tool{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(9deg)}}
@keyframes mon-working-body{0%,100%{transform:translateY(0)}50%{transform:translateY(1.5px)}}
.mon-building-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 20px}
.mon-building-meter{min-width:0;border:1px solid #3c6067;border-radius:12px;padding:12px 11px;background:#203d46;display:grid;gap:5px}
.mon-building-meter>span{display:flex;gap:6px;align-items:center;color:#c2dad3;font-size:11px}
.mon-building-meter>strong{font-size:18px;color:#f0f8f3;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.mon-building-meter>small{font-size:10px;color:#acccc3;line-height:1.5}
.mon-building-meter.mon-stale>strong,.mon-building-meter.mon-unknown>strong{color:#a9b9c5}
.mon-house-activity{padding:16px 20px 10px}
.mon-house-activity>h3{font-size:12px;margin:0 0 9px;color:#c5dcd7;font-weight:600}
.mon-activity-list{display:grid;gap:7px}
.mon-activity-item{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid #3a5c64;border-radius:11px;background:#203b44;min-width:0}
.mon-activity-symbol{color:#a5c6ca;display:flex;margin-top:2px}
.mon-activity-item>div{min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 10px;flex:1}
.mon-activity-item strong{font-size:12px;color:#d5e8e1;font-weight:600}
.mon-activity-item span:not(.mon-activity-symbol){font-size:11px;color:#acc7c5;line-height:1.5}
.mon-activity-item small{grid-column:1/-1;font-size:10px;color:#9fbfbc;line-height:1.6;overflow-wrap:anywhere}
.mon-activity-doing{border-color:#4b9e83;background:#20453f}
.mon-activity-doing span:not(.mon-activity-symbol){color:#b2efd7}
.mon-activity-done span:not(.mon-activity-symbol){color:#a6d8bd}
.mon-activity-review span:not(.mon-activity-symbol){color:#edd08e}
.mon-activity-empty{border-style:dashed}
.mon-house-schematic.mon-schematic-mini .mon-nine-floor-svg{max-height:235px}
.mon-schematic-mini .mon-activity-item small{display:none}
.mon-house-schematic .mon-scheme-note{font-size:11px}
@media(min-width:1101px) and (max-width:1499px){
 .mon-building-readings{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .mon-house-schematic .mon-schematic-notice{margin:10px 14px 12px;font-size:11px}
 .mon-building-readings{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 14px;gap:7px}
 #monitoringModule .mon-scheme-metric{padding:11px;min-height:69px}
 .mon-scheme-metric>span{font-size:12px}.mon-scheme-metric>strong{font-size:18px}
 .mon-house-schematic .mon-nine-floor-svg{max-height:none}
 .mon-house-schematic.mon-schematic-mini .mon-nine-floor-svg{max-height:235px}
 .mon-building-meters{padding:0 14px;gap:7px}
 .mon-building-meter{padding:10px}.mon-building-meter>strong{font-size:16px}
 .mon-building-meter>span,.mon-building-meter>small{font-size:11px}
 .mon-house-activity{padding:14px}
 .mon-activity-item>div{grid-template-columns:1fr;gap:3px}
 .mon-activity-item small{grid-column:auto;font-size:11px}
 .mon-activity-item strong,.mon-activity-item span:not(.mon-activity-symbol){font-size:12px}
 .mon-house-schematic .mon-scheme-note{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .mon-worker-doing .mon-worker-hand,.mon-worker-doing .mon-worker-body{animation:none}
}
.mon-view-tabs { margin: 0 0 20px; width: fit-content; }
.mon-example-links { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.mon-example-links > span { font-size: 12px; color: #537077; margin-right: 5px; }
.mon-example-links button { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; text-align: left; padding: 10px 13px; border: 1px solid #b4d0cd; border-radius: 12px; background: #edf7f4; color: #175952; font: inherit; font-size: 12px; cursor: pointer; }
.mon-example-links button[aria-pressed="true"] { background: #d8eee7; border-color: #53948a; }
@media (max-width: 600px) { .mon-example-links > span { width: 100%; } .mon-example-links button { width: 100%; } }
.mon-fact-toolbar { display: flex; align-items: end; gap: 14px; margin: 0 0 18px; }
.mon-fact-toolbar label { display: grid; gap: 6px; flex: 1; min-width: 0; font-size: 13px; font-weight: 650; }
.mon-fact-toolbar select { width: 100%; min-width: 0; padding: 11px 12px; border: 1px solid #cedbdc; border-radius: 12px; background: white; color: #173e46; font: inherit; }
.mon-fact-toolbar > button { padding: 11px 16px; border: 1px solid #b8cece; border-radius: 12px; color: #173e46; background: #eef6f4; font: inherit; cursor: pointer; }
@media (max-width: 600px) {
  .mon-fact-toolbar { align-items: stretch; flex-direction: column; }
  .mon-view-tabs { display: flex; width: 100%; }
  .mon-view-tabs button { flex: 1; }
}

.mon-client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}.mon-client-building{padding:20px;min-width:0;overflow-wrap:anywhere}.mon-client-footprint{height:110px;display:grid;place-items:center;color:#619183}.mon-client-footprint svg{height:100px;max-width:140px}.mon-client-building h3{font-size:16px;margin:14px 0 9px}.mon-client-building p{font-size:12px;line-height:1.6}.mon-client-building button{margin-top:10px;min-height:44px}