.appearance-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.theme-toggle{display:inline-grid;place-items:center;width:42px;height:44px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#f6f9fb;color:var(--navy);cursor:pointer}
.theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{display:none}
.theme-toggle:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
html[data-theme=dark]{color-scheme:dark;--navy:#edf2f7;--muted:#a9b6c6;--line:#344151;--soft:#17232e;--white:#121820;--shadow:0 8px 28px rgba(0,0,0,.22);--blue:#46c1ed;--blue-dark:#70d2f3}
html[data-theme=dark] body{background:#090d12;color:var(--navy)}
html[data-theme=dark] :is(nav,.top,.mobile-menu,.mobile-nav,.card-box,.vehicle,.check,.service,.info-card,.order-path,.auction-card,.auction-picker,.auction-picker-panel,.auction-choices,.inspection-dialog,.language-switch,.theme-toggle,.btn.outline,.carousel-arrow,.admin-box,.lead-card,.summary-card){background:#121820;color:var(--navy);border-color:var(--line)}
html[data-theme=dark] nav{box-shadow:0 1px 0 var(--line)}
html[data-theme=dark] .page-head{background:linear-gradient(135deg,#111b24,#0e161e);border-color:var(--line)}
html[data-theme=dark] :is(.philosophy,.inventory-note,.auction-more,.inspection-selection,.inspection-price,.inspection-vehicle,.search-alert-summary,.vehicle-info>div,.specs>div,.about-card,.review-badge,.contact-note,.admin-note){background:#17232e;color:var(--navy);border-color:var(--line)}
html[data-theme=dark] :is(input,select,textarea,.input,.auction-filters select,.auction-filters input,.auction-extra-grid select,.auction-extra-grid input:not([type=checkbox])){background:#0d141d;color:var(--navy);border-color:var(--line)}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#95a4b5;opacity:1}
html[data-theme=dark] :is(.top-left,.top-right,.meta,.vehicle-eyebrow,.inspection-vehicle small,.story p,.contact-line,.label){color:var(--muted)}
html[data-theme=dark] :is(.brand-word .dealer,.inspection-close,.mobile-nav-btn,.sold-similar,.order-step){color:var(--navy)}
html[data-theme=dark] :is(.btn.blue,.view){color:#06212c;background:#46c1ed}
html[data-theme=dark] :is(.btn.blue:hover,.view:hover){background:#70d2f3}
html[data-theme=dark] .language-switch button[aria-pressed=true]{background:#46c1ed;color:#06212c}
html[data-theme=dark] :is(.photo,.vehicle--sold .photo,.gallery-main,.thumb,.auction-photo){background:#17202b}
html[data-theme=dark] .title-badge{background:#263746;color:#d3e3ed;border-color:#405468}
html[data-theme=dark] .title-badge--clean{background:#173e32;color:#afe9cc;border-color:#306650}
html[data-theme=dark] .sold-badge{background:#293644;color:#d7e2ec}
html[data-theme=dark] :is(.form-status.ok,.admin-status.ok){background:#173e32;color:#b6f0d0;border-color:#306650}
html[data-theme=dark] :is(.form-status.error,.admin-status.error){background:#47252b;color:#ffd0d5;border-color:#81434d}
html[data-theme=dark] .theme-toggle .theme-moon{display:none}
html[data-theme=dark] .theme-toggle .theme-sun{display:block}
html[data-theme=dark] dialog::backdrop{background:rgba(0,0,0,.78)}
html[data-theme=dark] :is(.reviews-strip,.mobile-drawer,.mobile-actions,.mobile-actions a:last-child,.mobile-nav-btn,.enthusiast-card,.admin-auth-card,.admin-table,.admin-photo,.photo-buttons button,.lead-panel,.loading-box,.admin-nav-tab){background:#121820;color:var(--navy);border-color:var(--line)}
html[data-theme=dark] :is(.admin-shell,.admin-editor,.lead-message,.photo-empty,.admin-userbar,.info-grid>div){background:#17232e;color:var(--navy)}
html[data-theme=dark] :is(.legal-content p,.legal-content li,.legal-nav a,.gallery-navigation,.vehicle .meta,.vehicle-year){color:var(--muted)}
html[data-theme=dark] :is(.vehicle .price,.vehicle .manual-transmission){color:var(--navy)}
html[data-theme=dark] .vehicle .photo{background:#17202b;border-color:var(--line)}
html[data-theme=dark] :is(input,textarea,select){color:var(--navy)!important;background:#0d141d!important;caret-color:var(--navy)!important}
html[data-theme=dark] input:-webkit-autofill{ -webkit-text-fill-color:#edf2f7!important;box-shadow:0 0 0 1000px #0d141d inset!important}
html[data-theme=dark] .admin-nav-tab.active{background:#46c1ed;color:#06212c}
html[data-theme=dark] :is(footer,.philosophy){border-color:var(--line)}
@media(max-width:420px){.appearance-controls{gap:5px}.theme-toggle{width:36px}.nav-actions{gap:6px}.brand-word{font-size:17px}}
@media(min-width:1101px) and (max-width:1230px){.menu{gap:14px}.nav-actions{gap:12px}.menu .nav-cta{padding:11px 14px}}