.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-control{display:flex;align-items:center;gap:8px}.theme-control label{margin:0;font-size:12px;font-weight:750}.theme-control select{width:auto;min-width:130px;margin:0;padding:8px;min-height:44px}.theme-auth-slot{position:fixed;top:16px;right:20px;z-index:100}.theme-auth-slot:empty{display:none}
.theme-control{position:relative}#theme-toggle{display:grid;place-items:center;width:44px;height:44px;padding:8px}#theme-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;padding:8px;background:#183425;border:1px solid #557562;border-radius:12px;box-shadow:0 14px 35px #0006;z-index:10001}#theme-menu button{display:block;width:100%;text-align:left;margin:3px 0}#theme-menu button[aria-checked=true]{outline:2px solid #9df2bd;outline-offset:-2px}html:is([data-theme="dark"],[data-theme="light"]) #theme-menu{background:var(--mode-surface);border-color:var(--mode-border)}html:is([data-theme="dark"],[data-theme="light"]) #theme-menu button[aria-checked=true]{outline-color:var(--mode-accent)}
:root[data-theme="dark"]{--mode-page:#11151c;--mode-surface:#1b222c;--mode-raised:#252f3e;--mode-field:#141b25;--mode-text:#edf2fa;--mode-muted:#adb9cb;--mode-border:#45556b;--mode-accent:#9dc5ff;--mode-accent-text:#101b2f;--mode-focus:#cfe2ff;--mode-current:#9ac7ff;--mode-after:#ffd37e;--mode-benefit:#96e8b4;--mode-negative:#ffb4a5;color-scheme:dark}
:root[data-theme="light"]{--mode-page:#f3f6f8;--mode-surface:#ffffff;--mode-raised:#e9eff2;--mode-field:#ffffff;--mode-text:#172a25;--mode-muted:#53645e;--mode-border:#bac9c2;--mode-accent:#1d694a;--mode-accent-text:#ffffff;--mode-focus:#205da6;--mode-current:#225b9a;--mode-after:#79520b;--mode-benefit:#126442;--mode-negative:#a63024;color-scheme:light}
html:is([data-theme="dark"],[data-theme="light"]){background:var(--mode-page);color:var(--mode-text)}
html:is([data-theme="dark"],[data-theme="light"]) body{background:var(--mode-page)}
html:is([data-theme="dark"],[data-theme="light"]) :is(header,#auth-panel,dialog,#meeting-shell,.card,.metric,.front-appointment,#map-filters,.calendar-day,table,.map-frame,.outcome-dock,.needs-question,.calculation-highlight){background:var(--mode-surface);color:var(--mode-text);border-color:var(--mode-border)}
html:is([data-theme="dark"],[data-theme="light"]) :is(.brand,h1,h2,h3,h4,.energy-table th,.needs-question-copy){color:var(--mode-text)!important}
html:is([data-theme="dark"],[data-theme="light"]) :is(p,label,small,.hint,.event p,.leaflet-popup-content p,#energy-graphs>p){color:var(--mode-muted)}
html:is([data-theme="dark"],[data-theme="light"]) :is(.brand::before,.brand span,#auth-panel::before,.column,#pipeline-form,#insights,.badge,.meeting-script,.energy-metrics,.energy-cost-columns fieldset,.energy-simulate-action,.needs-answer,#meeting-progress li,.energy-table tr:first-child,footer){background:var(--mode-raised);border-color:var(--mode-border);color:var(--mode-text)}
html:is([data-theme="dark"],[data-theme="light"]) :is(input,select,textarea){background:var(--mode-field);color:var(--mode-text);border-color:var(--mode-border)}
html:is([data-theme="dark"],[data-theme="light"]) :is(input::placeholder,textarea::placeholder,input[readonly]){color:var(--mode-muted)}
html:is([data-theme="dark"],[data-theme="light"]) :is(button,#outcome-picker button){background:var(--mode-raised);color:var(--mode-text);border-color:var(--mode-border)}
html:is([data-theme="dark"],[data-theme="light"]) button:hover{background:var(--mode-surface)}
html:is([data-theme="dark"],[data-theme="light"]) :is(button.active,button.primary,.primary,#outcome-picker button.active,#meeting-progress [aria-current]){background:var(--mode-accent);color:var(--mode-accent-text);border-color:var(--mode-accent)}
html:is([data-theme="dark"],[data-theme="light"]) button:disabled{background:var(--mode-raised);color:var(--mode-muted);opacity:.7}
html:is([data-theme="dark"],[data-theme="light"]) :is(a,summary,legend,.metric strong,#address-status,#energy-status){color:var(--mode-accent)}
html:is([data-theme="dark"],[data-theme="light"]) .needs-answer:has(input:checked){background:var(--mode-accent);border-color:var(--mode-accent);color:var(--mode-accent-text)}
html:is([data-theme="dark"],[data-theme="light"]) .needs-answer:has(input:checked) span{color:var(--mode-accent-text)}
html:is([data-theme="dark"],[data-theme="light"]) input[type=radio],html:is([data-theme="dark"],[data-theme="light"]) input[type=checkbox]{accent-color:var(--mode-accent)}
html:is([data-theme="dark"],[data-theme="light"]) :is(button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible){outline-color:var(--mode-focus)}
html:is([data-theme="dark"],[data-theme="light"]) :is(th,td,.event,.deal,fieldset,#meeting-progress,.energy-flow details){border-color:var(--mode-border)}
html:is([data-theme="dark"],[data-theme="light"]) .calendar-day.today{border-color:var(--mode-accent)}
html:is([data-theme="dark"],[data-theme="light"]) .calendar-day.empty{background:transparent;border:0}
html:is([data-theme="dark"],[data-theme="light"]) :is(.leaflet-popup-content-wrapper,.leaflet-popup-tip){background:var(--mode-surface);color:var(--mode-text)}
html:is([data-theme="dark"],[data-theme="light"]) .calculation-highlight.current{color:var(--mode-current)}
html:is([data-theme="dark"],[data-theme="light"]) .calculation-highlight.after{color:var(--mode-after)}
html:is([data-theme="dark"],[data-theme="light"]) .calculation-highlight.benefit{color:var(--mode-benefit)}
html:is([data-theme="dark"],[data-theme="light"]) .calculation-highlight.negative{color:var(--mode-negative)}
html:is([data-theme="dark"],[data-theme="light"]) :is(#meeting-shell.cinema,#meeting-shell:fullscreen,#meeting-shell.cinema>.dialog-actions,#meeting-shell:fullscreen>.dialog-actions){background:var(--mode-surface)}
html[data-theme="dark"] .energy-chart-card svg>rect:first-of-type{fill:#1b222c}
html[data-theme="dark"] .energy-chart-card svg g{fill:#edf2fa}
html[data-theme="dark"] .energy-chart-card svg line{stroke:#45556b}
html[data-theme="dark"] .energy-chart-card svg [fill="#194834"]{fill:#9acdab}
html[data-theme="dark"] .energy-chart-card svg [fill="#dfe6e1"]{fill:#45556b}
@media(max-width:700px){.theme-control label{display:none}.theme-auth-slot{top:10px;right:12px}.theme-control select{min-width:120px;font-size:13px}}
:root{--button-fill:#2a4b3b;--button-hover:#375e4a;--button-border:#658d75}:root[data-theme=dark]{--button-fill:#344258;--button-hover:#425470;--button-border:#657893}:root[data-theme=light]{--button-fill:#ffffff;--button-hover:#edf4f0;--button-border:#8fa99c}html body :is(#application,#auth-panel,dialog,#theme-menu) button:not(.property-pin-button):not(.primary):not(.active):not([aria-checked=true]):not([aria-pressed=true]):not([aria-current]){background:var(--button-fill);border-color:var(--button-border)}html body :is(#application,#auth-panel,dialog,#theme-menu) button:not(.property-pin-button):not(.primary):not(.active):not([aria-checked=true]):not([aria-pressed=true]):not([aria-current]):hover{background:var(--button-hover)}html body button:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}html body button:disabled{opacity:.55}
