:root{color:#e7eff5;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#5dd9ef;--amber:#f1b86a;--muted:#8da2b3;--border:#293a47;background:#0b1219;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,select:disabled{opacity:.4;cursor:default}button,select{border:1px solid #385063;border-radius:6px}button{min-height:37px;padding:7px 13px;font-size:13px;font-weight:600}button:hover:not(:disabled){filter:brightness(1.15)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.app-shell{max-width:1640px;margin:0 auto;padding:25px 32px 18px}.app-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{width:43px;height:43px;color:var(--cyan);letter-spacing:-1px;background:#112b37;border:1px solid #366476;border-radius:8px;place-items:center;font-size:17px;font-weight:600;display:grid}h1{letter-spacing:-.3px;margin:5px 0 0;font-size:21px;font-weight:600;line-height:1.3}h2{margin:5px 0 0;font-size:16px;font-weight:600}.eyebrow{letter-spacing:1.3px;color:var(--muted);font-size:10px;font-weight:600}.header-tags{align-items:center;gap:10px;display:flex}.tag,.status{border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:7px 11px;font-size:11px}.tag{color:#abb5bf}.status{color:#c7d9e4;background:#13202b;align-items:center;gap:7px;display:inline-flex}.status i{background:#8da2b3;border-radius:50%;width:6px;height:6px}.status-running i{background:#67d6a7;box-shadow:0 0 7px #67d6a755}.status-paused i{background:var(--amber)}.status-error i{background:#f38989}.control-deck{border:1px solid var(--border);background:#121e29;border-radius:10px;grid-template-columns:210px 145px minmax(280px,1fr) 195px;align-items:start;gap:22px;padding:19px 21px 16px;display:grid}.button-row{gap:7px;margin-top:10px;display:flex}.primary-button{color:#10252e;background:#74dfef;border-color:#74dfef;min-width:104px}.quiet-button{color:#b6c6d1;background:#1b2a36}.clock-control{border-left:1px solid var(--border);padding-left:20px}.clock-control output{letter-spacing:.6px;font-variant-numeric:tabular-nums;margin-top:12px;font-family:Consolas,monospace;font-size:22px;display:block}.choke-control label,.speed-control label{display:block}.choke-row{align-items:center;gap:10px;margin-top:9px;display:flex}.range-input{width:100%;min-width:50px;accent-color:var(--cyan)}.number-input{color:var(--muted);background:#0b151f;border:1px solid #3a5060;border-radius:5px;align-items:center;padding-right:8px;font-size:12px;display:flex}.number-input input{color:#e7eff5;background:0 0;border:0;width:57px;min-height:34px;padding-left:9px}.apply-button{color:#bcebf4;background:#203643}.control-note{color:var(--muted);min-height:13px;margin-top:6px;font-size:10px}.speed-control{border-left:1px solid var(--border);padding-left:20px}.speed-control select{color:#d5e5ef;background:#0f1b25;width:100%;min-height:37px;margin-top:9px;padding:7px 8px;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.metric-card{border:1px solid var(--border);background:#111d27;border-radius:8px;min-height:98px;padding:17px 19px 12px}.metric-value{font-variant-numeric:tabular-nums;letter-spacing:-.8px;align-items:baseline;gap:10px;margin-top:6px;font-size:30px;font-weight:500;display:flex}.metric-value span{color:var(--muted);letter-spacing:0;font-size:11px;font-weight:400}.metric-card.cyan .metric-value{color:var(--cyan)}.metric-card.amber .metric-value{color:var(--amber)}.metric-hint{color:#6f8595;margin-top:4px;font-size:10px}.valve-panel{margin-bottom:16px}.valve-prepare-row{justify-content:space-between;align-items:center;gap:20px;margin:0 0 16px;display:flex}.valve-prepare-row span{color:var(--muted);font-size:11px;line-height:1.6}.valve-prepare-row button{flex-shrink:0}@media (width<=600px){.valve-prepare-row{flex-direction:column;align-items:stretch}}.valve-readings{grid-template-columns:repeat(6,1fr);gap:15px;padding:17px 21px 8px;display:grid}.valve-readings>div{flex-direction:column;gap:9px;display:flex}.valve-readings span{color:var(--muted);font-size:11px}.valve-readings strong{font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.valve-explanation{color:#a9cbd8;margin:6px 21px 17px;font-size:12px}@media (width<=1100px){.valve-readings{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.valve-readings{grid-template-columns:repeat(2,1fr)}}.workspace{grid-template-columns:minmax(340px,.85fr) minmax(480px,1.2fr);align-items:stretch;gap:16px;display:grid}.panel{border:1px solid var(--border);background:#101c26;border-radius:9px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:12px;padding:19px 21px 5px;display:flex}.panel-tag{color:#91a7b6;white-space:nowrap;background:#192a36;border:1px solid #293e4d;border-radius:4px;padding:5px 8px;font-size:10px}.well-legend{color:var(--muted);gap:18px;padding:14px 21px 0;font-size:11px;display:flex}.well-legend span{align-items:center;gap:6px;display:flex}.line-cyan,.line-amber{background:var(--cyan);width:16px;height:2px;display:inline-block}.line-amber{background:var(--amber)}.legend-muted{color:#687e8f;margin-left:auto}.well-diagram{width:100%;height:470px;margin:5px 0 0;display:block}.svg-small{fill:#8da2b3;letter-spacing:.3px;font-size:9px}.svg-label{fill:#d0dce5;font-size:11px}.svg-value{font-size:13px;font-weight:600}.well-readings{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;margin:5px 20px 0;padding:14px 0;display:grid}.well-readings div{flex-direction:column;gap:6px;display:flex}.well-readings span,.reservoir-reading span{color:var(--muted);font-size:11px}.well-readings strong{font-variant-numeric:tabular-nums;font-size:19px;font-weight:500}small{color:var(--muted);font-size:10px;font-weight:400}.reservoir-reading{background:#182735;border-radius:5px;justify-content:space-between;margin:0 20px 17px;padding:12px 13px;display:flex}.reservoir-reading strong{font-size:13px;font-weight:500}.charts-column{grid-template-rows:1.25fr 1fr;gap:16px;min-width:0;display:grid}.profile-panel .chart{height:300px;margin:8px 9px 0}.history-panel .chart{height:212px;margin:8px 9px 0}.chart-footnote{color:#7f93a3;padding:0 21px 13px;font-size:10px}.loading-placeholder{min-height:280px;color:var(--muted);place-items:center;font-size:12px;display:grid}.well-panel>.loading-placeholder{height:470px}.notice{color:#d2e4ee;background:#1f2b36;border:1px solid #52616e;border-radius:6px;margin-top:14px;padding:11px 16px;font-size:12px}.error-notice{color:#ffd5d5;background:#35232b;border-color:#854950}.event-panel{margin-top:16px;padding:14px 20px 12px}.event-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.event-header h2{margin:0;font-size:13px}.muted{color:var(--muted);font-size:10px}.event-list{max-height:100px;margin:10px 0 0;padding:0;list-style:none;overflow:auto}.event-list li{color:#b5c6d2;gap:14px;padding:5px 0;font-size:11px;display:flex}.event-list time{color:#7092a7;flex-shrink:0;font:11px Consolas,monospace}.app-footer{color:#718696;justify-content:space-between;gap:20px;margin-top:15px;font-size:10px;line-height:1.6;display:flex}@media (width>=1500px){.well-diagram{height:510px}.profile-panel .chart{height:330px}.history-panel .chart{height:225px}}@media (width<=1120px){.app-shell{padding:18px}.control-deck{grid-template-columns:200px 130px minmax(240px,1fr);gap:15px}.speed-control{border-left:0;grid-column:3;align-items:center;gap:15px;padding-left:0;display:flex}.speed-control select{width:150px;margin:0}.choke-control,.clock-control{grid-row:span 2}.workspace{grid-template-columns:minmax(310px,.8fr) minmax(390px,1fr)}.metric-value{font-size:24px}.metric-value span{font-size:10px}.header-tags .tag{display:none}}@media (width<=800px){.workspace{grid-template-columns:1fr}.metric-grid,.control-deck{grid-template-columns:1fr 1fr}.clock-control,.choke-control{grid-row:auto}.choke-control,.speed-control{grid-column:1/-1}.well-diagram{height:470px}h1{font-size:17px}.app-header{align-items:start}.header-tags{padding-top:9px}.app-footer{flex-direction:column;gap:4px}.metric-value{font-size:26px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.valve-table-wrap{overflow-x:auto}.valve-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.valve-table th,.valve-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #263640;padding:.5rem}.valve-table thead{color:#a6bac5;font-size:.8rem}
