/* Hallmark · Workbench · Terminal · N3 side rail · Ft2 inline footer.
   Plant monitoring adaptation: existing routes and imagery, dark/light tokens. */
:root{color-scheme:dark;--bg:#0c1215;--paper:#131e23;--paper-raised:#19272c;--paper-soft:#101a1f;--ink:#dfede7;--muted:#8ba29a;--green:#8fd8ac;--accent-ink:#10221b;--line:#293b3c;--line-strong:#45605b;--chart-green:#8bd2a1;--chart-blue:#69b4c8;--chart-earth:#d8b482;--chart-gold:#d8d27f;--chart-grid:#2b3e40;--danger:#eda88c;--warning-bg:#3a2c21;--positive-bg:#1c342a;--shadow:#00000040;--overlay:#071012ba;--photo-bg:#263331;--white:#fff;--tooltip-bg:#06120ff2;--font-ui:'Segoe UI','Microsoft YaHei',sans-serif;--font-display:var(--font-ui);--mono:'Consolas','SFMono-Regular',monospace;--dur-short:220ms;--ease-out:cubic-bezier(.16,1,.3,1)}
body[data-theme=light]{color-scheme:light;--bg:#f0f3ef;--paper:#fff;--paper-raised:#e9f0e7;--paper-soft:#f6f8f3;--ink:#203b30;--muted:#5d7367;--green:#286343;--accent-ink:#fff;--line:#d6e1d4;--line-strong:#98af98;--chart-green:#467a4e;--chart-blue:#317e94;--chart-earth:#96713e;--chart-gold:#8e8422;--chart-grid:#dce5d8;--danger:#a94c33;--warning-bg:#fff0da;--positive-bg:#e2f0df;--shadow:#203b3010;--overlay:#203b3066;--photo-bg:#e0e8dc;--tooltip-bg:#193b31f2}
body{background:var(--bg);color:var(--ink);font-family:var(--font-ui)}button,input,select,textarea{font-family:var(--font-ui)}button{background:var(--paper-raised);border-color:var(--line);color:var(--ink);border-radius:7px;min-height:40px;transition:background var(--dur-short),border-color var(--dur-short);font-size:12px}button:hover{background:var(--positive-bg);border-color:var(--line-strong)}button:active{transform:translateY(1px)}button.primary{color:var(--accent-ink);background:var(--green);border-color:var(--green);font-weight:650}button.primary:hover{filter:brightness(1.08)}button:disabled{opacity:.45;filter:none;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}a{color:var(--green)}select,input[type=date],input[type=number],input[type=datetime-local],textarea{border:1px solid var(--line);background:var(--paper-soft);color:var(--ink);border-radius:7px;padding:9px;min-height:40px;max-width:100%}input[type=range]{accent-color:var(--green)}textarea{line-height:1.7}h1,h2,h3{font-family:var(--font-display);font-style:normal;letter-spacing:.1px}h1{font-size:25px;margin:5px 0}h2{font-size:17px}h3{font-size:15px}p,small,label,.caption{color:var(--muted)}header p{margin:5px 0 0;font-size:11px}.eyebrow{font:9px/1.7 var(--mono);letter-spacing:1.8px;color:var(--muted)}.sidebar{width:204px;background:var(--paper-soft);padding:27px 16px;border-color:var(--line)}.brand{font-size:25px;gap:11px;padding-left:9px}.brand small{font-size:8px;color:var(--muted);letter-spacing:2px}.brand svg{color:var(--green)}.nav-caption{font:10px var(--font-ui);margin:32px 13px 13px;color:var(--muted)}nav{gap:4px}nav button{min-height:42px;border-radius:6px;padding:10px 13px;color:var(--muted);font-size:12px}nav button.active{background:var(--positive-bg);color:var(--green);box-shadow:inset 2px 0 0 var(--green);font-weight:550}nav svg{width:17px;height:17px}nav a{padding:11px 13px;font-size:10px;border-top:1px solid var(--line);margin-top:10px}nav a svg{width:15px}.sidebar-bottom{border-top:1px solid var(--line);padding-top:16px;margin-top:auto;color:var(--green)}.sidebar-bottom p{font-size:10px;margin:10px 0 15px}.version{font:8px var(--mono);color:var(--muted)}main{margin-left:204px;max-width:2000px;padding:27px 28px 16px}header{gap:16px;margin-bottom:23px}.header-actions{gap:7px;justify-content:flex-end}.header-actions button{padding:9px 11px;font-size:10px;min-height:36px}.plant-tabs{gap:13px;margin-bottom:12px}.plant-tab{background:var(--paper);padding:13px 17px;border:1px solid var(--line);border-radius:10px;position:relative}.plant-tab.active{background:var(--positive-bg);border-color:var(--line-strong)}.plant-tab .num{font:11px var(--mono);color:var(--green)}.plant-tab strong{font-size:14px;font-weight:550}.plant-tab small{font:9px var(--mono);color:var(--muted)}.plant-tab .leaf-icon{width:25px;color:var(--green);opacity:.75}.system-strip{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:5px 2px 13px;color:var(--muted);font-size:10px}.system-strip b{font:10px var(--mono);color:var(--ink);margin-left:5px}.system-strip button{margin-left:auto;padding:3px 9px;min-height:28px;font-size:10px;background:transparent}.pulse-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:6px;animation:heartbeat 2.3s ease-out infinite}.live-bar{background:var(--paper-soft);border-color:var(--line);padding:11px 17px;gap:26px;border-radius:9px;margin-bottom:15px}.live-indicator b{font-size:11px}.live-indicator i{background:var(--green);animation:heartbeat 2.3s ease-out infinite}.live-clock b{font-size:21px}.live-clock span{font-size:11px}.live-clock small,.live-sample span,.live-sample small{font-size:9px}.live-sample b{font-size:10px}.live-metrics{gap:11px;margin-bottom:16px}.live-metric{background:var(--paper);border:1px solid var(--line);padding:14px 16px 21px;min-height:123px;border-radius:9px}.live-metric .metric-value{font:29px/1.75 var(--mono);letter-spacing:-.7px;color:var(--ink)}.live-metric .metric-value em{font:10px var(--font-ui);color:var(--muted);font-style:normal}.metric-top{font-size:10px;color:var(--muted)}.metric-top svg{color:var(--green);width:17px;height:17px}.metric-foot{font-size:9px;color:var(--muted)}.sparkline{opacity:.4;height:23px}.live-metric.warn{background:var(--warning-bg);border-color:var(--danger)}.live-main-grid{grid-template-columns:minmax(250px,.85fr) minmax(0,1.65fr);gap:17px}.card{background:var(--paper);border-color:var(--line);border-radius:11px;padding:20px;box-shadow:0 5px 20px var(--shadow)}.card-head{margin-bottom:15px}.card-head small{font-style:normal;font:10px var(--mono)}.card-head h2{font-size:16px}.card-head select{font-size:11px;min-height:34px;padding:7px}.live-photo-card{display:flex;flex-direction:column}.live-photo-card .live-plant-stage{aspect-ratio:1.1;max-height:360px;border-radius:7px;background:var(--photo-bg)}.frame-image,.tile-image{background-color:var(--photo-bg)}.scene-info{background:var(--paper-raised);border:1px solid var(--line);color:var(--muted);width:30px;min-height:30px}.picture-label span,.picture-label b{background:var(--tooltip-bg);color:var(--white);font-size:9px;border:1px solid var(--line);padding:4px 8px}.ambient-rays{display:none}.growth-line{font-size:10px;margin-top:15px}.growth-line b{color:var(--ink)}.progress-line{background:var(--line);margin:9px 0 12px}.progress-line i{background:var(--green)}.plant-stats{margin-top:auto}.plant-stats b{color:var(--ink);font-size:20px}.plant-stats b small{font-size:9px;margin-left:3px}.plant-stats span{font-size:9px}.photo-footer{color:var(--muted)}.live-chart-stack{gap:15px}.live-chart-stack .card{padding:16px 20px}.live-chart{height:180px}.chart text{fill:var(--muted);font:10px var(--mono)}.chart .line{stroke-width:2;filter:none}.chart-tooltip{background:var(--tooltip-bg);color:var(--white);border:1px solid var(--line-strong);box-shadow:0 8px 25px var(--shadow);font:10px/1.8 var(--mono)}.legend{gap:18px;color:var(--muted);font-size:10px;margin:8px 0}.green{--series:var(--chart-green)}.blue{--series:var(--chart-blue)}.earth{--series:var(--chart-earth)}.gold{--series:var(--chart-gold)}.plot-hint{font-size:9px;color:var(--muted);text-align:right;padding-top:7px}.section-heading{margin:24px 0 13px}.section-heading h2{font-size:17px}.section-heading h2 small{color:var(--muted);font:8px var(--mono)}.section-heading>span{font-size:10px}.section-heading>.text-button{margin-left:auto}.two-columns{gap:17px}.location-grid{gap:8px}.location-button{background:var(--paper-soft);border-color:var(--line);font-size:10px;border-radius:7px;padding:11px 5px}.location-button.active{background:var(--positive-bg);border-color:var(--green)}.location-button svg{color:var(--muted);width:21px;height:21px}.location-button.active svg{color:var(--green)}.environment-select{margin:16px 0}.environment-select label{font-size:10px}.environment-select .caption{font-size:9px}.device-grid{gap:10px}.device-toggle{background:var(--paper-soft);border-color:var(--line);padding:12px;border-radius:8px}.device-toggle strong{font-size:11px}.device-toggle small{font-size:9px;margin-top:2px}.device-icon{width:25px;height:25px;color:var(--muted)}.device-toggle.on .device-icon{color:var(--green)}.toggle-track{background:var(--line-strong);width:30px;height:17px}.toggle-track:after{background:var(--ink);height:11px;width:11px}.device-toggle.on .toggle-track{background:var(--green)}.device-toggle.on .toggle-track:after{background:var(--accent-ink);transform:translateX(13px)}.device-toggle.on[data-device=light] .device-icon{color:var(--chart-gold);filter:none}.button-row{gap:8px}.text-button{color:var(--green);font-size:10px;background:transparent;box-shadow:none}.badge{background:var(--positive-bg);color:var(--green);font-size:9px;border-radius:5px;padding:4px 8px}.badge.neutral{background:var(--paper-raised);color:var(--muted)}.badge.warn{background:var(--warning-bg);color:var(--danger)}.alert-item{border-color:var(--line);font-size:11px;line-height:1.8}.alert-item:before{background:var(--warning-bg);color:var(--danger)}.alert-ok{color:var(--green);font-size:12px;line-height:1.9}.consumption{border-color:var(--line);gap:24px;padding:14px 0}.consumption b{color:var(--ink);font-size:19px}.consumption span{font-size:9px}.watch-card{min-height:380px}.watch-card h3{font-size:13px}.mini-event{border-color:var(--line);font-size:10px;line-height:1.7}.mini-event time{font-size:9px}.ai-live{background:var(--paper-soft);grid-template-columns:190px 1fr;gap:28px}.ai-live-main p{font-size:12px}.ai-live-main ul{font-size:11px}.insight{background:var(--positive-bg);color:var(--green);font-size:11px;border-radius:8px}.root-row{border-color:var(--line);font-size:11px}.soil-illustration{background-color:var(--chart-earth)}.soil-top{background:var(--green)}.soil-water{background:var(--chart-blue);opacity:.22}.root-row span{color:var(--muted)}.event-row{grid-template-columns:160px 1fr 90px;border-color:var(--line);font-size:11px}.event-row time,.event-row small{color:var(--muted);font-size:10px}.full-log{max-height:480px}.samples-table th,.samples-table td{border-color:var(--line);font-size:11px}.samples-table th{background:var(--paper-soft);color:var(--muted);position:sticky;top:0}.samples-table tbody tr:hover{background:var(--paper-raised)}.segmented{background:var(--paper-soft);border:1px solid var(--line);border-radius:7px}.segmented button{color:var(--muted);font-size:10px;border-radius:5px}.segmented button.active{background:var(--positive-bg);color:var(--green);box-shadow:none}.gallery-view{grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:32px}.gallery-view h2{font-size:24px}.gallery-view p{font-size:12px}.gallery-view>.frame-image{aspect-ratio:1;max-height:420px}.gallery-options{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 5px}.gallery-options label{display:flex;flex-direction:column;gap:6px;font-size:10px}.gallery-options select{font-size:11px;min-width:100px}.photo-grid{grid-template-columns:repeat(6,1fr);gap:12px}.photo-tile{background:var(--paper);border-color:var(--line);border-radius:8px}.photo-tile.active{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.photo-tile span{font-size:10px;padding-top:8px}.photo-tile small{font:9px var(--mono);color:var(--muted);padding-top:3px}.photo-tile:hover{transform:translateY(-2px)}.threshold-presets{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.threshold-presets button{font-size:11px}.threshold-fields{gap:18px}.threshold-fields label{font-size:11px}.threshold-fields input{font:14px var(--mono)}#thresholdError{font-size:12px;color:var(--danger);padding:10px;background:var(--warning-bg);border-radius:6px}.prose p{font-size:12px;color:var(--muted)}.prose h3{font-size:15px}.detail-table td{border-color:var(--line);font-size:11px}.detail-table td:first-child{color:var(--muted)}.empty{background:var(--paper-soft);border-color:var(--line);color:var(--muted);border-radius:8px}.danger-button{color:var(--danger);border-color:var(--danger);background:var(--warning-bg)}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 30px 100px var(--shadow)}dialog::backdrop{background:var(--overlay);backdrop-filter:none}.dialog-close{position:absolute;right:12px;top:8px;min-height:36px;border:0;background:transparent;font-size:22px}#closeDialog{color:var(--muted)}#toast{background:var(--ink);color:var(--bg);border:1px solid var(--line-strong);box-shadow:0 8px 30px var(--shadow);font-size:12px;border-radius:8px}.alarm-active .watch-card{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}.alarm-active #alarmCount{background:var(--warning-bg);color:var(--danger)}footer{border-top:1px solid var(--line);margin-top:25px;padding-top:16px;color:var(--muted);font:9px var(--mono)}
.equipment-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.schematic-card{min-height:410px}.device-schematic{height:340px;position:relative}.device-schematic svg{width:100%;height:100%;overflow:visible}.device-schematic text{font-family:var(--font-ui);fill:var(--muted);font-size:11px}.device-schematic .node-label{fill:var(--ink);font-size:13px}.device-schematic .node-value{font-family:var(--mono);font-size:15px;fill:var(--green)}.device-schematic .pipe{stroke:var(--line-strong);stroke-width:2;fill:none}.device-schematic .pipe.active{stroke:var(--green);stroke-dasharray:5 6;animation:flowline 1.2s linear infinite}.device-schematic .pipe.water{stroke:var(--chart-blue)}.device-schematic .node-box{fill:var(--paper-soft);stroke:var(--line)}.device-schematic .node-box.active{stroke:var(--green);fill:var(--positive-bg)}.device-schematic .core-ring{stroke:var(--line-strong);fill:var(--paper-raised)}.device-schematic .core-orbit{stroke:var(--green);stroke-dasharray:3 8;opacity:.5;fill:none;animation:spin 30s linear infinite;transform-origin:300px 160px}.device-schematic .core-leaf{fill:var(--green)}.device-schematic .running-icon{transform-origin:center;transform-box:fill-box;animation:spin 2.3s linear infinite}.schematic-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.flow-dot{background:var(--green);width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:5px}.equipment-controls{display:grid;gap:10px}.equipment-controls .device-toggle{padding:13px}.equipment-controls strong{font-size:12px}.equipment-controls small{font-size:10px}.scenario-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.scenario-card{padding:16px 7px;text-align:center;min-width:0;background:var(--paper);border-radius:9px}.scenario-card svg{width:23px;height:23px;color:var(--muted);margin-bottom:9px}.scenario-card strong{font-size:11px;display:block;font-weight:500}.scenario-card small{font-size:9px;display:block;margin-top:5px;line-height:1.6}.scenario-card.active{background:var(--positive-bg);border-color:var(--green)}.scenario-card.active svg{color:var(--green)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.summary-box{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:17px 20px}.summary-box span{font-size:10px;color:var(--muted)}.summary-box b{display:block;color:var(--ink);font:26px/1.8 var(--mono)}.summary-box small{font-size:9px;color:var(--muted)}.alarm-card{display:grid;grid-template-columns:35px 1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);align-items:start}.alarm-card:last-child{border:0}.alarm-symbol{background:var(--warning-bg);color:var(--danger);width:32px;height:32px;border-radius:9px;display:grid;place-content:center;font:17px var(--mono)}.alarm-card.resolved .alarm-symbol{color:var(--green);background:var(--positive-bg)}.alarm-card h3{font-size:12px;margin:0 0 7px;font-weight:500}.alarm-card p{font-size:10px;margin:3px 0}.alarm-card .alarm-meta{display:flex;gap:13px;flex-wrap:wrap;font:9px var(--mono);color:var(--muted)}.alarm-card button{font-size:10px;min-height:33px;padding:6px 11px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compare-card{background:var(--paper);padding:20px;border:1px solid var(--line);border-radius:10px;position:relative}.compare-card header{margin:0 0 15px}.compare-card h3{font-size:15px;margin:0}.compare-card .compare-value{font:35px/1.5 var(--mono)}.compare-card .compare-value small{font:11px var(--font-ui)}.compare-card .compare-mini{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-top:12px;border-top:1px solid var(--line);margin-top:15px}.compare-card .compare-location{font-size:10px;color:var(--muted)}.compare-card .compare-status{position:absolute;right:18px;top:20px}.comparison-chart{height:260px}.comparison-chart svg{height:100%;width:100%}.comparison-chart text{fill:var(--muted);font:10px var(--mono)}.comparison-chart path{stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.report-filter{display:flex;gap:13px;align-items:flex-end;flex-wrap:wrap}.report-filter label{display:flex;flex-direction:column;gap:6px;font-size:10px;flex:1;min-width:180px}.report-filter input{font:12px var(--mono);width:100%}.report-filter #reportStatus{width:100%;font-size:10px;color:var(--muted);padding-top:7px}.report-heatmap{display:flex;flex-wrap:wrap;gap:6px;min-height:70px}.report-bin{border:1px solid var(--line);border-radius:6px;width:66px;padding:8px 3px;text-align:center;background:var(--positive-bg);font:9px/1.6 var(--mono);color:var(--muted)}.report-bin b{display:block;font-size:12px;color:var(--green)}.report-bin.warn{background:var(--warning-bg)}.report-bin.warn b{color:var(--danger)}#compareDialog{max-width:900px;width:92vw}.image-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.image-compare-grid .frame-image{aspect-ratio:1;width:100%;border-radius:7px}.image-compare-grid b{display:block;font-size:11px;margin:12px 0;font-weight:500}.image-compare-grid input{margin:8px 0}.display-paused .live-indicator i{animation:none;background:var(--chart-earth)}.display-paused #pauseView{background:var(--warning-bg);color:var(--chart-earth)}.page.active{animation:console-in 220ms ease-out}.live-offline #linkState{color:var(--danger)}.live-offline .live-indicator i{background:var(--danger);animation:none}@keyframes heartbeat{0%,100%{opacity:1}50%{opacity:.35}}@keyframes flowline{to{stroke-dashoffset:-22}}@keyframes console-in{from{opacity:.65}to{opacity:1}}
.live-photo-card .live-plant-stage{aspect-ratio:1}.device-schematic .core-orbit{transform-origin:310px 175px}.device-schematic .pipe.active{stroke:var(--flow-color,var(--green))}.device-schematic .node-title{font:13px var(--font-ui);fill:var(--ink)}.device-schematic .node-value{font:11px var(--font-ui);fill:var(--muted)}.device-schematic .core-title{font:23px var(--mono);fill:var(--green)}.device-schematic .core-caption{font:11px var(--font-ui);fill:var(--muted)}.equipment-switch{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;background:var(--paper-soft)}.equipment-switch>span:nth-child(2){flex:1}.equipment-switch strong,.equipment-switch small{display:block}.equipment-switch small{margin-top:4px}.equipment-switch.on{border-color:var(--line-strong);background:var(--positive-bg)}.equipment-switch.on .device-icon{color:var(--green)}.equipment-switch.on .toggle-track{background:var(--green)}.equipment-switch.on .toggle-track:after{transform:translateX(13px);background:var(--accent-ink)}.scenario-card span{display:block;font-size:9px;color:var(--muted);margin-top:8px}.scenario-card small{margin:0 0 10px;font:9px var(--mono)}.summary-card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:17px 20px}.summary-card span{font-size:10px;color:var(--muted)}.summary-card b{display:block;font:26px/1.8 var(--mono);color:var(--ink)}.summary-card small{font-size:9px}.alarm-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.alarm-row:last-child{border:0}.alarm-row strong{font-size:13px;font-weight:500}.alarm-row p{font-size:10px;margin:6px 0}.alarm-row small{font-size:10px}.alarm-marker{width:8px;height:8px;border-radius:50%;background:var(--danger)}.alarm-row.resolved .alarm-marker{background:var(--green)}.empty-state{text-align:center;width:100%;padding:35px 15px;color:var(--muted);font-size:12px}.empty-state>svg{width:32px;height:32px;color:var(--green)}.empty-state h3{font-size:14px;color:var(--ink)}.compare-plant>h3{margin:8px 0}.compare-plant>b{font:34px/1.7 var(--mono)}.compare-plant>b small{font:11px var(--font-ui);margin-left:9px}.compare-plant p{font-size:11px}.series-dot{width:8px;height:8px;border-radius:50%}.report-heatmap{display:block}.heatmap-row{display:grid;grid-template-columns:75px minmax(0,1fr);align-items:start;gap:12px;margin:14px 0}.heatmap-row>b{font-size:11px;font-weight:500;padding-top:3px}.heatmap-cells{display:flex;flex-wrap:wrap;gap:4px;max-height:180px;overflow:auto;padding:3px}.heat-cell{width:20px;height:20px;flex-shrink:0;background:var(--green);opacity:.7;border-radius:3px}.heat-cell.warn{background:var(--danger)}.heat-cell:hover,.heat-cell:focus-visible{opacity:1;outline:2px solid var(--ink);outline-offset:1px}#thresholdError{color:var(--danger);font-size:12px}#compareDialog .dialog-close{float:right;width:35px;padding:0}#reportLive .section-heading>div:last-child{margin-left:auto}details{margin-top:20px;color:var(--muted);font-size:11px}details summary{cursor:pointer;padding:8px 0}
@media(min-width:1650px){.live-metrics{grid-template-columns:repeat(8,1fr)}.live-main-grid{grid-template-columns:370px 1fr}.live-chart-stack{grid-template-columns:1fr 1fr}.live-chart{height:310px}.live-chart-stack .card{display:flex;flex-direction:column}.live-chart-stack .chart{flex:1}.live-metric .metric-value{font-size:27px}}
@media(max-width:1250px){main{padding:23px}.sidebar{width:185px;padding:25px 13px}main{margin-left:185px}.header-actions button{font-size:9px;padding:7px 9px}.live-clock small{display:none}.system-strip{gap:10px 17px}.live-chart{height:155px}.live-main-grid{grid-template-columns:250px minmax(0,1fr)}.live-photo-card .live-plant-stage{aspect-ratio:1;max-height:none}.scenario-cards{grid-template-columns:repeat(4,1fr)}.equipment-layout{grid-template-columns:1.2fr 1fr}.device-schematic{height:290px}.live-bar{gap:18px}.photo-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:960px){.sidebar{position:static;width:100%;padding:16px 22px}.brand{padding:0;font-size:22px}.brand small,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;gap:5px;margin-top:15px;padding-bottom:2px}nav button{white-space:nowrap;flex-shrink:0;font-size:11px;min-height:38px;padding:8px 11px}nav button.active{box-shadow:inset 0 -2px 0 var(--green)}nav a{margin:0;border:0;padding:8px;white-space:nowrap;flex-shrink:0}main{margin:0;padding:22px}.live-main-grid{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr)}.header-actions{max-width:355px}.equipment-layout{grid-template-columns:1fr}.device-schematic{height:340px}.equipment-controls{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.location-grid{grid-template-columns:repeat(4,1fr)}.live-metrics{grid-template-columns:repeat(4,1fr)}.live-metric{padding:12px 13px 19px}.live-metric .metric-value{font-size:25px}.system-strip span:nth-child(4){display:none}.gallery-view{grid-template-columns:1fr 1fr;gap:25px}.summary-grid{gap:10px}.summary-box{padding:14px}.compare-card{padding:15px}.compare-card .compare-value{font-size:28px}.compare-card .compare-status{position:static;margin-top:8px}.photo-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){main{padding:18px 14px}header{display:block;margin-bottom:18px}h1{font-size:23px}.header-actions{max-width:none;justify-content:flex-start;margin-top:15px;gap:6px}.header-actions button{font-size:10px;min-height:35px;padding:8px 10px}.plant-tabs{gap:7px}.plant-tab{padding:11px 9px;gap:8px}.plant-tab strong{font-size:12px}.plant-tab small{display:none}.plant-tab .num{font-size:9px}.plant-tab .leaf-icon{display:none}.system-strip{font-size:9px;gap:8px 12px;padding-bottom:12px}.system-strip b{font-size:9px}.system-strip span:nth-child(2){display:none}.system-strip button{font-size:9px}.live-bar{padding:11px 13px;gap:12px}.live-clock{justify-content:flex-end}.live-clock b{font-size:20px}.live-clock span{font-size:9px}.live-indicator{min-width:92px;gap:0 5px}.live-indicator b{font-size:10px}.live-indicator small{font-size:9px}.live-sample{display:none}.live-metrics{grid-template-columns:repeat(2,1fr);gap:8px}.live-metric{min-height:112px;padding:11px 13px 20px}.live-metric .metric-value{font-size:25px}.live-main-grid{grid-template-columns:1fr}.live-photo-card .live-plant-stage{aspect-ratio:1;max-height:360px;align-self:center;width:100%;max-width:360px}.live-chart{height:185px}.card{padding:16px}.live-chart-stack .card{padding:15px}.card-head{flex-wrap:wrap;gap:8px}.live-chart-stack .card-head h2{font-size:15px}.live-chart-stack .card-head select{font-size:10px;max-width:128px}.metric-top{font-size:10px}.metric-top svg{width:16px;height:16px}.section-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.section-heading>span{max-width:none}.section-heading h2{font-size:16px}.section-heading .text-button{font-size:9px}.ai-live{grid-template-columns:1fr;gap:13px}.ai-live>div:first-child{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.ai-live>div:first-child .eyebrow{width:100%}.ai-live>div:first-child .badge{margin:0}.ai-live>div:first-child .caption{width:100%}.device-schematic{height:260px}.equipment-controls{grid-template-columns:1fr 1fr;gap:8px}.equipment-controls .device-toggle{padding:11px 9px}.equipment-controls strong{font-size:10px}.equipment-controls .device-icon{width:22px;height:22px}.equipment-controls small{font-size:8px}.scenario-cards{grid-template-columns:repeat(2,1fr);gap:8px}.scenario-card{padding:12px}.scenario-card svg{margin:0 0 5px}.summary-grid{grid-template-columns:repeat(2,1fr);gap:9px}.summary-box b{font-size:24px}.alarm-card{grid-template-columns:28px 1fr;gap:10px}.alarm-card>button{grid-column:2;justify-self:start}.alarm-symbol{height:26px;width:26px;border-radius:6px}.alarm-card h3{font-size:11px}.alarm-card p{font-size:9px}.compare-grid{grid-template-columns:1fr}.compare-card .compare-status{position:absolute;right:15px;top:12px}.compare-card .compare-mini{gap:15px;justify-content:flex-start}.comparison-chart{height:220px}.report-filter{gap:12px;padding:16px}.report-filter label{min-width:100%;flex:1}.report-filter button{flex:1;font-size:11px}.gallery-view{grid-template-columns:1fr;gap:20px}.gallery-view>.frame-image{max-height:360px}.gallery-view h2{font-size:21px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:8px}.photo-tile span{font-size:9px;padding:7px 7px 0}.photo-tile small{padding:3px 7px 8px}.segmented{max-width:100%}.segmented button{font-size:9px;padding:7px 9px}.gallery-options{margin-top:12px}.image-compare-grid{gap:10px}.image-compare-grid b{font-size:10px}#compareDialog{padding:20px 14px}.event-row{grid-template-columns:105px 1fr;gap:10px}.event-row small{display:none}.event-row time{font-size:9px}.prose p{font-size:11px}.detail-table td:first-child{width:88px}.gallery-options label{font-size:9px}.root-row b{font-size:12px}footer{font-size:8px}.plot-hint{font-size:8px}}
@media(max-width:360px){.header-actions{gap:5px}.header-actions button{padding:7px;font-size:9px}.live-clock b{font-size:18px}.live-clock span{width:100%;text-align:right}.live-clock{gap:0}.system-strip{gap:8px}.system-strip button{margin-left:0}.plant-tab{gap:5px;padding:9px 7px}.plant-tab strong{font-size:11px}.metric-value em{font-size:9px!important}.location-grid{grid-template-columns:repeat(2,1fr)}.equipment-controls{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:961px){.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar nav{flex-shrink:0}}
@media(min-width:961px) and (max-height:850px){.sidebar{padding-top:18px;padding-bottom:18px}.sidebar .nav-caption{margin-top:24px}.sidebar nav{gap:3px}.sidebar nav button{min-height:38px;padding-top:8px;padding-bottom:8px}.sidebar-bottom{padding-top:10px}.sidebar-bottom p,.sidebar-bottom .version{display:none}}
@media(max-width:650px){.summary-card{padding:13px}.summary-card b{font-size:23px}.equipment-switch{gap:8px;padding:12px 9px}.equipment-switch .toggle-track{display:none}.alarm-row{grid-template-columns:8px minmax(0,1fr);gap:10px}.alarm-row>button,.alarm-row>.badge{grid-column:2;justify-self:start}.alarm-row strong{font-size:12px}.heatmap-row{grid-template-columns:65px minmax(0,1fr);gap:5px}.compare-plant>b{font-size:30px}.device-schematic{min-width:0}.equipment-layout>*{min-width:0}.summary-card small{overflow-wrap:anywhere}.section-heading label{font-size:11px}.section-heading label select{margin-left:8px}}
@media print{body{--bg:#fff;--paper:#fff;--ink:#183a2a;--muted:#40564b;--line:#ccd6ca;--green:#235a38;--positive-bg:#edf5e8;color:var(--ink);background:var(--paper)}.sidebar,header,.plant-tabs,.system-strip,.live-bar,footer,button,.report-filter{display:none!important}main{margin:0;padding:0;max-width:none}.page{display:none!important}#reportLive{display:block!important}.card,.summary-box{box-shadow:none;break-inside:avoid}.summary-grid{grid-template-columns:repeat(4,1fr)}.table-wrap{overflow:visible}.report-heatmap{gap:4px}.report-bin{width:60px}.section-heading{margin-top:15px}.card{border-color:var(--line)}}
@media print{:root{color-scheme:light;background:#fff}body{--paper-soft:#f2f5f1;--paper-raised:#f2f5f1;--danger:#9d432d;--warning-bg:#fff0df;-webkit-print-color-adjust:exact;print-color-adjust:exact}#toast,dialog{display:none!important}.summary-card{box-shadow:none;break-inside:avoid;padding:12px}.summary-card b{font-size:23px}.samples-table th,.samples-table td{font-size:10px;line-height:1.45;padding:5px 8px}.card{padding:14px}.spaced{margin-top:14px}.card-head{margin-bottom:10px}.heatmap-row{margin:9px 0}.section-heading{margin:12px 0}.heatmap-cells{max-height:none}.report-heatmap .caption{font-size:9px}.summary-grid{margin-bottom:10px}.samples-table thead{display:table-header-group}}