:root{color:#dbeafe;background:#07111f;--surface-0: #07111f;--surface-1: #0a1728;--surface-2: #0e2036;--surface-3: #132b47;--surface-border: #1f4569;--surface-border-strong: #2f7eb5;--text-main: #eaf6ff;--text-muted: #93b7cc;--text-soft: #bfd8e8;--brand-cyan: #2fd3ff;--brand-blue: #1877f2;--brand-blue-deep: #0a49b8;--brand-indigo: #7c8cff;--warning: #f0b95b;--danger-bg: #3f1d2a;--danger-border: #a84968;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--surface-0)}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(180deg,#102c4cb8,#07111ffa 36%,#06101c),repeating-linear-gradient(90deg,rgba(47,211,255,.035) 0,rgba(47,211,255,.035) 1px,transparent 1px,transparent 72px),var(--surface-0)}button,input,textarea,select{font:inherit}button,select,input{min-width:0}button{color:inherit}.app-shell{width:min(1680px,calc(100% - 28px));margin:0 auto;padding:18px 0 24px}.startup-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.startup-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(620px,100%);min-height:360px;padding:32px;text-align:center;background:linear-gradient(180deg,#0d2642f5,#071322fa),var(--surface-1);border-color:#2fd3ff47}.startup-logo{display:block;width:min(320px,80%);max-height:150px;object-fit:contain;object-position:center;margin:0 auto 18px;filter:drop-shadow(0 18px 34px rgba(47,211,255,.18))}.startup-panel h1{margin:0;color:var(--text-main);font-size:1.75rem;line-height:1.1}.startup-panel p:last-child{margin:12px 0 0;color:var(--text-muted)}.startup-loader{width:52px;height:52px;margin:28px auto 10px;border:4px solid #183653;border-top-color:var(--brand-cyan);border-right-color:var(--brand-blue);border-radius:50%;animation:startup-spin .95s linear infinite}@keyframes startup-spin{to{transform:rotate(360deg)}}.cockpit-header{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.6fr);gap:16px;align-items:stretch;margin-bottom:14px}.brand-block,.header-instruments,.panel{border:1px solid var(--surface-border);background:linear-gradient(180deg,#0d1f35fa,#081423fa);border-radius:8px;box-shadow:0 18px 44px #00000052,inset 0 1px #91d3ff0a}.brand-block{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:118px;padding:20px;text-align:center;overflow:hidden;background:linear-gradient(135deg,#08192df5,#082a4ae6),var(--surface-1)}.brand-logo{width:min(250px,82%);max-height:78px;object-fit:contain;object-position:center;margin:0 auto 12px;filter:drop-shadow(0 14px 26px rgba(47,211,255,.16))}.eyebrow{margin:0 0 5px;color:#7ecdf0;font-size:.74rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.brand-block h1,.panel-header h2{margin:0;color:var(--text-main);font-weight:780;letter-spacing:0}.brand-block h1{max-width:580px;font-size:clamp(1.65rem,2.6vw,2.65rem);line-height:1.04;text-wrap:balance}.header-instruments{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(92px,.45fr) minmax(150px,.8fr) minmax(170px,.7fr);gap:10px;min-width:0;padding:12px}.instrument,.status-column,.metric-tile,.primary-readout,.plant-state-row>div,.solar-readouts>div,.outcome-grid>div,.selected-recommendation,.safety-note,.event-list li{background:#102946;border:1px solid #1d3e5f;border-radius:8px}.instrument,.status-column,.metric-tile,.primary-readout,.plant-state-row>div,.solar-readouts>div,.outcome-grid>div,.selected-recommendation,.safety-note,.event-list li{background:linear-gradient(180deg,#112943fa,#0c1d31fa)}.instrument{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:92px;padding:12px}.instrument span,.metric-tile span,.plant-state-row span,.solar-readouts span,.outcome-grid span,.selected-topline span,.panel-header span,.sync-time,.event-list time,.event-list li span,.primary-readout span,.primary-readout small{color:#8fa5af;font-size:.78rem}.instrument strong{display:block;overflow:hidden;margin-top:7px;color:var(--text-main);font-size:1.03rem;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.instrument.wide strong{font-size:1.18rem}.status-column{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:92px;padding:10px}.status-pill,.mode-pill,.confidence{display:inline-flex;align-items:center;justify-content:center;min-height:26px;width:fit-content;max-width:100%;padding:4px 9px;border-radius:999px;font-size:.74rem;font-weight:800;line-height:1.1;white-space:nowrap}.status-pill.online,.status-pill.model,.mode-pill.running,.confidence.high{color:#031a2a;background:linear-gradient(135deg,#51dcff,#1e8fff)}.status-pill.offline,.mode-pill.paused,.confidence.low,.safety-note.alert,.error-banner{color:#ffd9d3;background:var(--danger-bg);border-color:var(--danger-border)}.status-pill.muted,.confidence.medium{color:#241a08;background:var(--warning)}.sync-time{display:block}.error-banner{margin-bottom:14px;padding:12px 14px;border:1px solid #7d3a32;border-radius:8px}.cockpit-grid{display:grid;grid-template-columns:minmax(370px,420px) minmax(0,1fr);gap:14px;align-items:start}.cockpit-left-stack,.cockpit-main-stack{display:grid;gap:14px;min-width:0}.panel{min-width:0;padding:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;margin-bottom:12px}.compact-header h2{font-size:1rem}.control-strip,.control-grid{display:grid;gap:10px}.control-strip{grid-template-columns:minmax(70px,.7fr) minmax(96px,.9fr) minmax(70px,.7fr) minmax(112px,1fr);margin-bottom:10px}.control-grid{grid-template-columns:minmax(0,1fr) 82px}.control-grid .time-field{grid-column:1}.control-grid .align-bottom{grid-column:2}.control-grid .control-field:not(.time-field){grid-column:1 / -1}.control-field{display:flex;flex-direction:column;gap:6px;min-width:0}.control-field span{color:#8fa5af;font-size:.76rem;font-weight:700}.control-field input,.control-field select{width:100%;min-height:38px;color:var(--text-main);background:#081625;border:1px solid #214d75;border-radius:6px;padding:8px 9px;overflow:hidden;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.day-control-card{display:grid;gap:9px;margin-bottom:10px;padding:11px;background:linear-gradient(180deg,#0d233afa,#081625fa);border:1px solid #1d3e5f;border-radius:8px}.day-control-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,auto);gap:10px;align-items:end}.time-readout{min-height:56px;padding:9px 10px;background:#081625;border:1px solid #214d75;border-radius:6px}.time-readout span,.forecast-summary,.forecast-metrics span,.forecast-point span,.forecast-point em,.forecast-basis-line span{color:#8fa5af;font-size:.76rem}.time-readout strong{display:block;margin-top:5px;color:var(--text-main);font-size:1.2rem}.day-slider-field input[type=range]{width:100%;accent-color:var(--brand-cyan)}.day-markers,.quick-time-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.day-markers span{color:#6f8794;font-size:.68rem;text-align:center}.quick-time-row button{min-height:30px;color:#cdeeff;background:#0b2138;border:1px solid #285f8d;border-radius:6px;font-size:.72rem;font-weight:800;cursor:pointer}.quick-time-row button:hover:not(:disabled){border-color:var(--brand-cyan)}.exact-time-details{margin-bottom:10px;color:#9fb9c8}.exact-time-details summary{cursor:pointer;font-size:.78rem;font-weight:800}.exact-time-grid,.scenario-grid{margin-top:9px}.control-button,.segmented-control button{min-height:38px;border:1px solid #285f8d;border-radius:6px;background:linear-gradient(180deg,#102c49,#0b2138);color:#dcefff;font-weight:800;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.control-button:hover:not(:disabled),.segmented-control button:hover:not(:disabled),.recommendation-card:hover:not(:disabled),.recommendation-card:focus-visible{border-color:var(--brand-cyan);background:#123b60;outline:none;transform:translateY(-1px)}.control-button:disabled,.segmented-control button:disabled,.recommendation-card:disabled{cursor:wait;opacity:.62}.control-button.primary{background:linear-gradient(135deg,var(--brand-blue-deep),var(--brand-blue) 58%,var(--brand-cyan));border-color:#39d5ff;color:#f4fbff;box-shadow:0 10px 24px #1877f238}.control-button.danger{background:#3a1d1d;border-color:#7d3a32;color:#ffd9d3}.control-button.danger:hover:not(:disabled){background:#512420;border-color:#d06b5c}.align-bottom{align-self:end}.segmented-control{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:10px}.segmented-control button.active{background:linear-gradient(135deg,#51dcff,#1877f2);border-color:#51dcff;color:#031a2a}.primary-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:end;min-height:88px;margin-bottom:10px;padding:15px}.primary-readout span,.primary-readout small{grid-column:1}.primary-readout strong{grid-column:2;grid-row:1 / 3;color:#f3fafb;font-size:clamp(1.7rem,4vw,3rem);line-height:1;white-space:nowrap}.metric-grid{display:grid;gap:9px}.metric-grid.six-up{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-tile{min-height:82px;padding:11px}.metric-tile strong{display:block;margin-top:8px;color:var(--text-main);font-size:1.08rem;line-height:1.1;overflow-wrap:anywhere}.metric-tile em{display:block;margin-top:3px;color:#6f8794;font-size:.72rem;font-style:normal}.plant-state-row,.outcome-grid{display:grid;gap:9px;margin-top:10px}.plant-state-row{grid-template-columns:repeat(4,minmax(0,1fr))}.plant-state-row>div,.outcome-grid>div{min-width:0;padding:11px}.plant-state-row strong,.solar-readouts strong,.outcome-grid strong,.selected-topline strong{display:block;margin-top:6px;color:var(--text-main);overflow-wrap:anywhere}.safety-note{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;margin-top:10px;padding:10px 12px;color:#cdeeff}.safety-note span{color:inherit;font-size:.82rem;text-align:right}.solar-scene{position:relative;height:156px;overflow:hidden;border:1px solid #245275;border-radius:8px;background:linear-gradient(180deg,#123a64,#102c49 57%,#0b1e34 58%,#081625)}.solar-scene.night{background:linear-gradient(180deg,#101821,#121c24 57%,#10191d 58%,#0e161a)}.sun-path{position:absolute;left:8%;right:8%;bottom:40%;height:48%;border-top:1px dashed rgba(142,161,172,.55);border-radius:50% 50% 0 0}.scene-body{position:absolute;left:var(--sun-x);top:var(--sun-y);width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:#f0b95b;box-shadow:0 0 26px #f0b95b70}.solar-scene.night .scene-body{background:#d7e3e8;box-shadow:0 0 18px #d7e3e83d}.scene-cloud{position:absolute;width:72px;height:22px;border-radius:999px;background:rgba(173,190,197,var(--cloud-opacity))}.scene-cloud:before,.scene-cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.scene-cloud:before{left:11px;top:-10px;width:24px;height:24px}.scene-cloud:after{right:12px;top:-8px;width:30px;height:30px}.cloud-a{left:16%;top:28%}.cloud-b{right:12%;top:39%;transform:scale(.78)}.scene-ground{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,#102c49,#091827);border-top:1px solid #245275}.tracker-mast{position:absolute;left:50%;bottom:30px;width:4px;height:42px;transform:translate(-50%);background:#78909a;border-radius:999px}.tracker-panel{position:absolute;left:50%;bottom:62px;width:112px;height:24px;transform:translate(-50%) rotate(var(--panel-angle));transform-origin:center;border:1px solid #2fd3ff;border-radius:4px;background:linear-gradient(90deg,#0b4ba0,#22bdeb);box-shadow:0 10px 22px #0000004d}.tracker-panel span{display:block;height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(229,249,255,.36) 19px,rgba(229,249,255,.36) 20px)}.solar-readouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.solar-readouts>div{min-width:0;padding:10px}.weather-panel{display:grid;gap:10px}.weather-risk{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:.74rem;font-weight:800}.weather-risk.normal{color:#031a2a;background:linear-gradient(135deg,#51dcff,#1e8fff)}.weather-risk.watch{color:#241a08;background:var(--warning)}.weather-risk.high{color:#ffd9d3;background:var(--danger-bg);border:1px solid var(--danger-border)}.forecast-summary{line-height:1.45}.forecast-metrics,.forecast-timeline{display:grid;gap:8px}.forecast-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.forecast-metrics>div,.forecast-point,.forecast-basis-line{min-width:0;padding:10px;background:linear-gradient(180deg,#112943fa,#0c1d31fa);border:1px solid #1d3e5f;border-radius:8px}.forecast-metrics strong,.forecast-point strong,.forecast-basis-line strong{display:block;margin-top:5px;color:var(--text-main);overflow-wrap:anywhere}.forecast-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.forecast-point{min-height:78px}.forecast-point em{display:block;margin-top:3px;font-style:normal}.workbench-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.15fr);gap:12px}.recommendation-list.dense{display:grid;gap:9px}.recommendation-card{width:100%;min-height:118px;padding:12px;color:inherit;text-align:left;background:linear-gradient(180deg,#112943fa,#0a1c31fa);border:1px solid #1d3e5f;border-radius:8px;cursor:pointer}.recommendation-card.selected{border-color:var(--brand-cyan);background:linear-gradient(180deg,#0c3e65fa,#08223dfa);box-shadow:inset 3px 0 0 var(--brand-cyan),0 14px 30px #2fd3ff14}.recommendation-topline,.selected-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.rank{color:#f3fafb;font-weight:850}.recommendation-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recommendation-values span{color:#8fa5af;font-size:.76rem}.recommendation-values strong{display:block;margin-top:3px;color:#edf6f8;font-size:.93rem;overflow-wrap:anywhere}.selected-recommendation{min-width:0;padding:13px}.explanation-copy{margin:0 0 12px;color:#b7c8d0;font-size:.92rem;line-height:1.45}.forecast-basis-line{margin-bottom:12px}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.constraints-line{margin-top:10px;color:var(--warning);font-size:.86rem}.chart-frame{width:100%;height:320px}.projection-frame{min-height:320px}.assistant-topics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 11px}.assistant-topics button{min-height:34px;padding:6px 8px;font-size:.72rem;line-height:1.1;white-space:normal}.assistant-weather-cue{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;margin-bottom:11px;padding:10px;background:linear-gradient(180deg,#112943fa,#0c1d31fa);border:1px solid #1d3e5f;border-radius:8px}.assistant-weather-cue span,.assistant-weather-meta{color:#8fa5af;font-size:.78rem}.assistant-weather-cue strong{display:block;margin-top:4px;color:var(--text-main);font-size:.92rem;line-height:1.2}.assistant-weather-meta{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:6px 12px}.assistant-actions{display:grid;margin-bottom:11px}.assistant-actions .control-button{min-height:36px}.assistant-copy p{margin:0 0 10px;color:var(--text-soft);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}.assistant-copy ul{display:grid;gap:8px;margin:0;padding-left:18px;color:#aebfc7;font-size:.86rem;line-height:1.45;overflow-wrap:anywhere}.event-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.event-list li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;min-height:58px;padding:10px}.event-list strong{display:block;color:#edf6f8;font-size:.88rem;text-transform:capitalize}.event-list li span{display:block;margin-top:3px}.empty-state{display:grid;min-height:120px;place-items:center;color:var(--text-muted);background:#081625;border:1px dashed #2c638f;border-radius:8px;text-align:center;padding:16px}.history-panel{margin-top:14px}.spark-strip{display:flex;align-items:end;gap:4px;height:72px;padding:10px;background:#081625;border:1px solid #1d3e5f;border-radius:8px;overflow:hidden}.spark-strip>span{align-self:center;color:#8fa5af}.spark-bar{flex:1 1 8px;min-width:4px;max-width:18px;background:linear-gradient(180deg,#2fd3ff,#1877f2);border-radius:3px 3px 0 0}@media(max-width:1240px){.cockpit-header,.cockpit-grid{grid-template-columns:1fr}.header-instruments{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.six-up{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.app-shell{width:min(100% - 22px,1680px)}.workbench-layout{grid-template-columns:1fr}.control-strip,.plant-state-row,.outcome-grid,.solar-readouts,.forecast-metrics,.forecast-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-frame{height:280px}}@media(max-width:760px){.app-shell{width:min(100% - 18px,1680px);padding-top:10px}.startup-shell{padding:14px}.startup-panel{min-height:min(520px,calc(100vh - 28px));padding:24px 18px}.startup-logo{width:min(280px,88%);max-height:126px}.startup-panel h1{font-size:1.45rem}.cockpit-header{gap:10px}.brand-block{min-height:auto;padding:16px}.brand-logo{width:min(230px,88%);max-height:70px}.brand-block h1{font-size:clamp(1.35rem,7vw,1.8rem);line-height:1.08}.header-instruments{padding:10px}.instrument,.status-column,.metric-tile,.primary-readout,.plant-state-row>div,.solar-readouts>div,.outcome-grid>div,.selected-recommendation,.safety-note,.event-list li{min-height:auto}.header-instruments,.control-strip,.control-grid,.day-control-topline,.workbench-layout,.plant-state-row,.outcome-grid,.solar-readouts,.forecast-metrics,.forecast-timeline,.metric-grid.six-up{grid-template-columns:1fr}.panel{padding:12px}.panel-header{gap:8px}.control-button,.segmented-control button{min-height:42px;padding-inline:10px}.segmented-control,.assistant-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.recommendation-card{min-height:auto}.recommendation-values{grid-template-columns:1fr}.chart-frame,.projection-frame{min-height:260px;height:260px}.primary-readout{grid-template-columns:1fr}.primary-readout strong{grid-column:1;grid-row:auto;white-space:normal}.panel-header,.recommendation-topline,.selected-topline,.safety-note{align-items:flex-start;flex-direction:column}.safety-note span{text-align:left}.event-list li{grid-template-columns:1fr}}@media(max-width:460px){.app-shell{width:min(100% - 12px,1680px);padding-bottom:14px}.startup-panel{padding:22px 14px}.startup-logo{width:min(240px,94%)}.brand-block,.header-instruments,.panel{border-radius:7px}.brand-logo{width:min(210px,92%)}.brand-block h1{font-size:1.28rem}.eyebrow{font-size:.68rem}.instrument strong,.metric-tile strong,.recommendation-values strong,.selected-topline strong{font-size:.98rem}.status-pill,.mode-pill,.confidence{width:100%;white-space:normal}.segmented-control,.assistant-topics,.quick-time-row{grid-template-columns:1fr}.solar-scene{height:132px}.tracker-panel{width:92px}}