:root{color-scheme:dark;--bg:#101315;--surface:#191e21;--surface-2:#20272a;--line:#343d41;--text:#f0f3f1;--muted:#a4b1b4;--teal:#86dbd2;--amber:#edb668;--red:#ff9894;--green:#a7d9ae;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--topbar-bg:#121618;--trial-bg:#222921;--trial-text:#d4e1ce;--trial-muted:#b9c5b7;--trial-border:#485044;--trial-dot:#bfd5ac;--normal-bg:#23332a;--normal-border:#405248;--alarm-bg:#3d2424;--alarm-border:#67403f;--caution-bg:#342d20;--caution-border:#5b4a2f;--metric-main-bg:#1b282b;--input-bg:#11171a;--input-border:#4b595f;--output-inactive:#627075;--button-border:#627176;--button-hover:#2a3439;--primary-hover:#d7e4df;--success-bg:#25382e;--success-border:#677971;--shadow:#0006;--tolerance:#a2b18e;--band-swatch:#343932}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f7f8;--surface:#ffffff;--surface-2:#edf2f3;--line:#d3dce0;--text:#172a32;--muted:#52646c;--teal:#087a70;--amber:#9a5908;--red:#b83b35;--green:#27643b;--topbar-bg:#ffffff;--trial-bg:#eff5ec;--trial-text:#30462b;--trial-muted:#4e6147;--trial-border:#cad8c3;--trial-dot:#5c7e45;--normal-bg:#edf6ee;--normal-border:#bdd6c1;--alarm-bg:#fff0ef;--alarm-border:#e4b7b4;--caution-bg:#fff5e5;--caution-border:#e0c79f;--metric-main-bg:#e9f4f3;--input-bg:#ffffff;--input-border:#adbfc6;--output-inactive:#83979e;--button-border:#9badb4;--button-hover:#edf2f3;--primary-hover:#2b434c;--success-bg:#ecf6ef;--success-border:#96b6a1;--shadow:#21373c1f;--tolerance:#496c3a;--band-swatch:#dbe6d7}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}.skip-link{position:absolute;left:12px;top:-100px;background:var(--text);color:var(--bg);padding:12px;z-index:10}.skip-link:focus{top:12px}.topbar{min-height:74px;padding:18px max(24px,calc((100% - 1376px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:var(--topbar-bg)}.brand{font-size:22px;font-weight:800;letter-spacing:.16em;white-space:nowrap}.brand span{font-size:11px;font-weight:400;letter-spacing:.12em;color:var(--muted);margin-left:12px}.section-name{font:11px var(--mono);letter-spacing:.12em;color:var(--muted)}.back{margin-left:auto;font-size:12px;color:var(--muted);padding:10px 0}.shell{max-width:1376px;margin:auto;padding:26px 32px 24px}.trial-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--trial-border);background:var(--trial-bg);font-size:12px;line-height:1.5;color:var(--trial-text)}.trial-banner strong{font-weight:600}.trial-banner>span:last-child{color:var(--trial-muted)}.trial-dot{width:6px;height:6px;background:var(--trial-dot);border-radius:50%}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 24px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:.15em;color:var(--muted);margin:0 0 10px}h1{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.04em;margin:0}h2{font-size:19px;font-weight:500;letter-spacing:-.02em;margin:0;line-height:1.3}.subtitle{font-size:14px;color:var(--muted);margin:9px 0 0;line-height:1.5}.state-pill{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--normal-bg);color:var(--green);border:1px solid var(--normal-border);font-size:12px;white-space:nowrap}.state-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.state-pill[data-status="alarm"]{background:var(--alarm-bg);color:var(--red);border-color:var(--alarm-border)}.state-pill[data-status="transition"],.state-pill[data-status="pending"]{background:var(--caution-bg);color:var(--amber);border-color:var(--caution-border)}.state-pill[data-status="offline"]{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.status-strip{font-size:13px;color:var(--muted);margin:0 0 18px;line-height:1.6}.storage-warning{padding:12px 16px;background:var(--alarm-bg);color:var(--red);font-size:13px;line-height:1.5;margin-bottom:14px}.metrics{display:grid;grid-template-columns:1.22fr 1fr 1fr 1.1fr;border:1px solid var(--line);margin-bottom:22px;background:var(--surface)}.metric{padding:23px;border-right:1px solid var(--line);min-width:0}.metric:last-child{border:0}.metric-label{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.metric-value{font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;margin:13px 0}.metric-value small{font-size:18px;color:var(--muted);letter-spacing:0}.metric-caption{display:block;color:var(--muted);font-size:11px;line-height:1.7}.metric-main{background:var(--metric-main-bg)}.connection-value{font-size:20px;margin:20px 0 15px}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.left-column,.right-column{display:flex;flex-direction:column;gap:22px;min-width:0}.panel{padding:24px;border:1px solid var(--line);background:var(--surface);min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.panel-heading .eyebrow{margin-bottom:8px}.small-label{font-size:11px;line-height:1.6;color:var(--muted)}.range-buttons{display:flex;gap:4px}.range-buttons button{min-height:36px;padding:8px 11px;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:12px;white-space:nowrap}.range-buttons button[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:14px}.chart-legend>span{display:flex;gap:7px;align-items:center}.legend-line{display:inline-block;width:22px;border-top:2px solid var(--teal)}.target-line{border-color:var(--amber);border-top-style:dashed}.legend-band{width:18px;height:10px;background:var(--band-swatch)}.chart-container{min-height:268px;position:relative}.chart-container svg{display:block;width:100%;height:268px;overflow:visible;touch-action:pan-y}.chart-container text{font-family:var(--mono);font-size:11px;fill:var(--muted)}.chart-detail{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 12px;min-height:20px;font-variant-numeric:tabular-nums}.chart-foot{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:var(--muted)}.text-button{background:transparent;border:0;color:var(--text);padding:10px 0;font-size:12px}.outputs{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.output{display:flex;align-items:center;gap:12px;flex:1;min-width:130px}.output strong{display:block;font-size:16px;font-weight:400;margin-top:5px}.output-icon{font-size:28px;color:var(--output-inactive)}.output-icon[data-active="true"]{color:var(--amber)}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:12px 15px;border:1px solid var(--button-border);background:transparent;color:var(--text);font-size:12px;line-height:1.4;text-align:center;border-radius:2px}.button:hover:not(:disabled){background:var(--button-hover)}.button-primary{background:var(--text);color:var(--bg);border-color:var(--text);font-weight:600;width:100%;margin-top:18px}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.quiet-note{font-size:11px;line-height:1.7;color:var(--muted);margin:13px 0 0}.event-list{list-style:none;margin:16px 0 0;padding:0;max-height:330px;overflow:auto}.event-list li{display:grid;grid-template-columns:116px 1fr;gap:18px;padding:13px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.6}.event-list time{color:var(--muted);font:10px/1.8 var(--mono)}.event-list li[data-type="alarma"] .event-message{color:var(--red)}.target-panel h2,.trial-controls h2{margin-bottom:8px}.field-label{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin:18px 0 8px}input,select{width:100%;min-height:44px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);padding:10px 11px;border-radius:2px;font-size:16px}input:focus,select:focus{border-color:var(--teal)}.target-input-wrap{display:flex;align-items:center;border:1px solid var(--input-border);background:var(--input-bg)}.target-input-wrap input{font-size:34px;border:0;min-width:0;letter-spacing:-.04em;padding:12px 14px}.target-input-wrap span{padding-right:16px;color:var(--muted);font-size:19px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-pair input{margin-top:8px}.form-error{font-size:12px;line-height:1.5;color:var(--red);margin:14px 0 0}.trial-controls .button{width:100%;margin-top:10px}.policy-panel{margin-top:22px}.policy-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-weight:400;color:var(--muted);font-size:11px;padding:12px 14px 12px 0;white-space:nowrap}td{padding:14px 14px 14px 0;border-top:1px solid var(--line);line-height:1.6}td:last-child{padding-right:0}td:nth-child(2),td:nth-child(3){font-family:var(--mono);white-space:nowrap}.cancel-policy{display:block;background:transparent;border:0;border-bottom:1px solid var(--muted);padding:4px 0;color:var(--muted);font-size:11px;min-height:30px}.page-footer{margin-top:24px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:10px;line-height:1.7;color:var(--muted);letter-spacing:.03em}.toast{position:fixed;bottom:20px;right:20px;max-width:min(480px,calc(100vw - 40px));padding:15px 18px;border:1px solid var(--success-border);background:var(--success-bg);box-shadow:0 10px 40px var(--shadow);font-size:13px;line-height:1.6;z-index:20}.policy-state{font-size:11px;color:var(--muted)}.policy-state.active{color:var(--green)}.chart-guide{stroke:var(--muted);stroke-width:1}
@media(min-width:1600px){.shell{padding-top:32px}}
@media(max-width:1050px){.shell{padding:24px}.main-grid{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.left-column,.right-column{gap:16px}.panel{padding:20px}.metric{padding:18px}.section-name{display:none}.outputs{gap:18px}.outputs .button{width:100%}}
@media(max-width:800px){.main-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.metric{padding:18px 14px}.metric-label{font-size:11px}.metric-value{font-size:28px}.connection-value{font-size:17px}.outputs .button{width:auto}.policy-panel .panel-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.topbar{min-height:64px;padding:14px 18px;gap:12px}.brand{font-size:19px}.brand span{margin-left:7px;font-size:9px}.back{font-size:10px}.shell{padding:16px}.trial-banner{gap:7px;padding:11px 12px}.trial-banner>span:last-child{display:block;width:100%;padding-left:13px;font-size:11px}.page-heading{align-items:flex-start;flex-direction:column;margin:25px 0 16px;gap:14px}.subtitle{font-size:12px}.state-pill{padding:8px 12px}.metrics{grid-template-columns:1fr 1fr;margin-bottom:16px}.metric{padding:17px}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-value{font-size:31px;margin:10px 0}.metric-caption{font-size:10px}.connection-value{margin:17px 0 11px}.panel{padding:18px}.panel-heading{gap:10px}h2{font-size:17px}.range-buttons button{min-height:40px;padding:8px}.chart-legend{gap:10px 14px;font-size:10px}.right-column{display:flex}.chart-foot{gap:2px}.chart-container,.chart-container svg{min-height:230px;height:230px}.event-list li{grid-template-columns:84px 1fr;gap:12px}.event-list time{font-size:10px}.outputs{gap:20px}.outputs .button{width:100%}.chart-panel .panel-heading{align-items:flex-start}.policy-panel{margin-top:16px}.policy-table-wrap table{min-width:580px}.page-footer{gap:6px}.status-strip{font-size:12px}.small-label{font-size:10px}.policy-panel .small-label{font-size:11px}.chart-container text{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.theme-switch{margin-left:auto;display:flex;gap:3px;padding:3px;border:1px solid var(--line);background:var(--surface-2);border-radius:4px}.theme-switch button{min-height:36px;padding:7px 12px;border:0;border-radius:2px;background:transparent;color:var(--muted);font-size:12px}.theme-switch button[aria-pressed="true"]{background:var(--text);color:var(--bg)}.topbar .back{margin-left:0}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:8px 12px}.topbar .brand{flex:1}.theme-switch{margin-left:0}.theme-switch button{padding:7px 10px}.topbar .back{order:3;width:100%;text-align:right;padding:0 0 3px}}@media(pointer:coarse){.theme-switch button{min-height:44px}}
.trial-clock{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0;color:var(--muted);font-size:11px;line-height:1.6}.trial-clock time{font:12px var(--mono);color:var(--text)}.trial-clock>span:last-child{margin-left:auto}.process-metrics .metric-value{font-size:clamp(23px,2.4vw,31px);letter-spacing:-.04em}.process-metrics .connection-value{font-size:20px}.legend-door{width:12px;height:10px;background:var(--amber);opacity:.35}.power-chart svg{width:100%;height:280px;display:block;touch-action:pan-y}.power-chart text{font:11px var(--mono);fill:var(--muted)}.advance-controls{display:flex;gap:8px}.advance-controls .button{flex:1;min-width:0}.trial-controls .advance-controls .button{width:auto}.button-door{border-color:var(--teal)}.button-door[aria-pressed="true"]{background:var(--caution-bg);border-color:var(--amber);color:var(--amber)}.control-details{border-top:1px solid var(--line);padding-top:13px;margin-top:18px}.control-details summary,.equipment-settings>summary,.sensor-panel>summary{cursor:pointer;font-size:14px;line-height:1.5;padding:5px 0;min-height:34px}.equipment-settings>summary,.sensor-panel>summary{font-weight:500}.sensor-panel{margin-top:22px}.sensor-panel table{margin-top:18px}.detail-table{margin-top:14px;min-width:680px}.detail-table th,.detail-table td{font-family:inherit!important;white-space:normal!important}.detail-table th{white-space:nowrap!important}.detail-table td:first-child{white-space:nowrap!important}.detail-table .button{white-space:normal;min-width:130px}.empty-row{color:var(--muted);padding:20px 0!important}.report-list{padding:0;list-style:none;margin:0}.report-list li{padding:12px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.7}.report-list li:first-child{border-top:0}.active-alarms{list-style:none;padding:0;margin:0 0 16px}.active-alarms:empty{display:none}.active-alarms li{color:var(--red);font-size:12px;line-height:1.6;margin:8px 0}.text-link{display:inline-block;margin-top:14px;color:var(--teal);font-size:12px;padding:8px 0}.quality-intervened{color:var(--amber)}.quality-good{color:var(--green)}.recovery-note{color:var(--muted);font-size:11px}.sensor-panel .detail-table{min-width:840px}.sensor-panel .quiet-note{max-width:1000px}.equipment-settings .quiet-note{margin-top:14px}
@media(max-width:800px){.right-column .equipment-settings{grid-column:1/-1}}
@media(max-width:600px){.process-metrics .metric-value{font-size:25px}.process-metrics .connection-value{font-size:18px}.trial-clock{gap:4px 10px}.trial-clock>span:last-child{margin-left:0;width:100%;font-size:10px}.sensor-panel{margin-top:16px}.power-chart svg{height:260px}.power-chart text{font-size:10px}.report-list li{font-size:12px}.equipment-settings summary{font-size:14px}.process-metrics .metric{padding:15px 12px}}
.clock-button{min-height:34px;padding:7px 11px;background:var(--surface);color:var(--text);border:1px solid var(--line);font-size:11px;border-radius:2px}.process-metrics .text-button{min-height:36px;padding:8px 0;color:var(--teal);font-size:11px}@media(pointer:coarse){.clock-button,.process-metrics .text-button{min-height:44px}}