/* Shared appearance, scoped to the five ha. public pages; demos keep their own product colours. */
:root{color-scheme:light;--ha-page:#f5f5ee;--ha-surface:#fffef8;--ha-tone-soft:#e9ede2;--ha-soft:var(--ha-tone-soft);--ha-text:#1b2921;--ha-tone-muted:#586753;--ha-muted:var(--ha-tone-muted);--ha-border:#ced7c5}
:root[data-theme=dark]{color-scheme:dark;--ha-page:#101c16;--ha-surface:#17281e;--ha-tone-soft:#203528;--ha-soft:var(--ha-tone-soft);--ha-text:#f1f5e9;--ha-tone-muted:#b5c5b6;--ha-muted:var(--ha-tone-muted);--ha-border:#354c3c}
html[data-theme] body[data-ha-page]{background:var(--ha-page);color:var(--ha-text);--ink:var(--ha-text);--muted:var(--ha-muted);--paper:var(--ha-page);--panel:var(--ha-surface);--line:var(--ha-border)}
html[data-theme] #hertsapps-studio{color-scheme:inherit;--ha-paper:var(--ha-page);--ha-muted:var(--ha-tone-muted);--ha-soft:var(--ha-tone-soft);--ha-ink:var(--ha-text);--ha-line:var(--ha-border);background:var(--ha-page);color:var(--ha-text)}
/* All controls share the same explicit, persistent three-way choice. */
.ha-appearance{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-width:76px;min-height:42px;padding:8px 10px!important;border:1px solid var(--ha-border)!important;border-radius:999px!important;background:var(--ha-surface)!important;color:var(--ha-text)!important;-webkit-text-fill-color:var(--ha-text)!important;font:600 12px/1.2 inherit;white-space:nowrap;flex:0 0 auto;cursor:pointer;touch-action:manipulation}
.ha-appearance:hover{border-color:#89aa68!important;box-shadow:0 0 0 3px #91ba6920}
.ha-appearance:focus-visible{outline:3px solid #8cb96b;outline-offset:4px}
.ha-appearance svg{display:block;width:17px;height:17px}
#hertsapps-studio .ha-topnav{margin-left:auto}
html[data-theme=dark] #hertsapps-studio :is(.ha-story-ribbon,.ha-friction-icon,.ha-product-section,.ha-route-grid article:last-child,#ha-services,.ha-budget-explorer,.ha-ownership,.ha-gallery-invite,.ha-aftercare,.ha-budget-explorer>div:first-child,.ha-extras-config,.ha-extra-choice,.ha-route-picker label,.ha-option-grid label,.ha-faq,.ha-direction,.ha-brief,.ha-summary,.ha-terms){background:var(--ha-surface);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] #hertsapps-studio :is(.ha-field input:not([type=radio]):not([type=checkbox]):not([type=range]),.ha-field textarea,.ha-field select,.ha-route-picker select){background:var(--ha-page);color:var(--ha-text);border-color:var(--ha-border);-webkit-text-fill-color:var(--ha-text)}
html[data-theme=dark] #hertsapps-studio :is(.ha-local,.ha-routing){color:#17271c}
html[data-theme=dark] #hertsapps-studio :is(.ha-local,.ha-routing) p{color:#354e37}
html[data-theme=dark] #hertsapps-studio :is(.ha-button,.ha-budget-band.is-active){background:#d3f887;color:#15231b;border-color:#d3f887}
html[data-theme=dark] #hertsapps-studio .ha-button--ghost{background:transparent;color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] #hertsapps-studio :is(.ha-kicker,.ha-eyebrow){color:#c3e5a2}
html[data-theme=dark] #hertsapps-studio :is(.ha-story-ribbon,.ha-friction-icon,.ha-product-section,.ha-budget-explorer,.ha-ownership,.ha-gallery-invite,.ha-aftercare,.ha-faq,.ha-direction) p{color:var(--ha-muted)}
/* Capabilities and project journey. */
html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) :is(.orbit-label,.capability,.flow-strip,.closing,.journey-tabs button,.journey-panel,.payment-piece,.payment-caveat,.setup-guide details,.lab-toolbar,.goods-device,.agreement-overview,.next-path li>span,.ha-form-notice){background:var(--ha-surface);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) .button{background:#d3f887;color:#15231b;border-color:#d3f887}
html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) :is(input,select,textarea){background:#112219;color:#eff5e9;border-color:#46604b}
html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) :is(.quiet,.evidence,.audience){color:var(--ha-muted)}
html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) :is(.hero-art,.hero-visual,.restaurant-shell,.fleet-shell){--ink:#142e2b;--muted:#b5c5b6;--line:#48604a}
html[data-theme=dark] .journey-tabs button[aria-selected=true]{background:#d3f887!important;color:#15231b!important}
/* Collection: preview canvases intentionally retain each showcased design. */
html[data-theme=dark] [data-ha-page=portfolio] :is(.intro,.collection-controls,.collections-intro){background:var(--ha-page);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] [data-ha-page=portfolio] :is(.intro p,.section-intro,.project-meta p,.collection-note){color:var(--ha-muted)}
html[data-theme=dark] [data-ha-page=portfolio] :is(.project-card,.project-copy,.collection-card,dialog){background:var(--ha-surface);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] [data-ha-page=portfolio] :is(.collection-controls button,.collection-controls select){background:var(--ha-surface);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] [data-ha-page=portfolio] .collection-controls [aria-pressed=true]{background:#d3f887;color:#15231b}
/* Goods-in uses the same appearance preference, including its review workspace. */
html[data-theme=dark] [data-ha-page=goods] :is(.panel,.rolebar,.stats>div,.catalogue article,.guide,.queue-card,.matched,.decision-form,.role-tabs,.notice,.demo-note,.pairing,.empty>span){background:var(--ha-surface);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] [data-ha-page=goods] :is(input,textarea,select){background:var(--ha-page);color:var(--ha-text);border-color:var(--ha-border)}
html[data-theme=dark] [data-ha-page=goods] :is(.primary,.role-tabs [aria-pressed=true],.count){background:#d3f887;color:#14261a}
html[data-theme=dark] [data-ha-page=goods] :is(.pairing small,.demo-note,.hint){color:var(--ha-muted)}
html[data-theme=dark] [data-ha-page=goods] :is(.damage-toggle,.damage-fields,.damage-callout,.notice.error){background:#38291d;color:#ffd5b3;border-color:#806142}
html[data-theme=dark] [data-ha-page=goods] :is(.damage-callout p,.damage-text){color:#ffd5b3}
html[data-theme=dark] [data-ha-page=goods] :is(.decision-result,.queue-card.selected){background:#263d23;border-color:#72935b;color:#eef9e4}
html[data-theme=dark] [data-ha-page=goods] #connection-state{color:#c6ec9b}
@media(max-width:760px){.ha-appearance{min-width:65px;min-height:40px;gap:5px;padding:8px!important;font-size:11px}body[data-ha-page]>header{flex-wrap:wrap;gap:10px}body[data-ha-page]>header nav{gap:10px}#hertsapps-studio .ha-top{gap:8px}#hertsapps-studio .ha-topnav{flex:1;justify-content:flex-end;gap:8px}#hertsapps-studio .ha-topnav a.ha-link{display:none}}
@media(prefers-reduced-motion:reduce){.ha-appearance{transition:none}}

html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) :is(.lead,.eyebrow){color:var(--ha-muted)}
html[data-theme=dark] :is([data-ha-page=capabilities],[data-ha-page=journey]) em,html[data-theme=dark] [data-ha-page=portfolio] .intro em{color:#b5d68d}
html[data-theme=dark] [data-ha-page=portfolio] .preview-bar{color:#173222}
@media(max-width:760px){body:is([data-ha-page=capabilities],[data-ha-page=journey]) .site-header{display:grid;grid-template-columns:1fr auto}body:is([data-ha-page=capabilities],[data-ha-page=journey]) .site-header>.ha-appearance{grid-column:2;grid-row:1}body:is([data-ha-page=capabilities],[data-ha-page=journey]) .site-header>nav{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between}}

/* The opening belongs to the selected appearance too, not just the page below it. */
html[data-theme=light] #hertsapps-studio :is(.ha-top,.ha-cinematic){background:#f5f5ee;color:#1b2921;border-color:#ced7c5}
html[data-theme=light] #hertsapps-studio .ha-cinema-stage{background:radial-gradient(ellipse at 72% 48%,#d3edaa88,transparent 58%),#f5f5ee}
html[data-theme=light] #hertsapps-studio :is(.ha-opening-copy h1 em,.ha-cinema-end em){color:#436825}
html[data-theme=light] #hertsapps-studio :is(.ha-opening-copy>p,.ha-opening-copy .ha-kicker,.ha-opening-note,.ha-opening-copy .ha-link,.ha-core>span,.ha-cinema-end p){color:#506147}
html[data-theme=light] #hertsapps-studio .ha-opening-copy .ha-dot{background:#648631}
html[data-theme=light] #hertsapps-studio .ha-cinema-grid{opacity:.38;background-image:linear-gradient(#526f3422 1px,transparent 1px),linear-gradient(90deg,#526f3422 1px,transparent 1px)}
html[data-theme=light] #hertsapps-studio .ha-scene-ring{border-color:#638d3b40}
html[data-theme=light] #hertsapps-studio .ha-core>b{box-shadow:0 0 80px #b6db6833,inset 2px 2px 2px #ffffff9c,12px 16px 0 #799851,24px 40px 65px #35492126}
html[data-theme=light] #hertsapps-studio .ha-orbit-card{box-shadow:0 24px 60px #35492126}