/* Neutral dark palette, shared by every screen and menu. */
body.reference-design.dark{
 color-scheme:dark;
 --bg:#101010;--surface:#1b1b1b;--field:#252525;--ink:#f1f1f1;
 --muted:#acacac;--line:#383838;--focus:#b3b3b3;
 --green:#48c997;--accent:#48c997;
 background:var(--bg);color:var(--ink);
}
.reference-design.dark :is(.ref-card,.card,.hub-tile,.field-menu,.language-control,header,aside,dialog,.ref-intro){background:var(--surface);color:var(--ink)}
.reference-design.dark :is(.hub-tile:hover,.vehicle-image:has(img),.role-switch,.trip-role-tabs,.booking-explanation,.booking-total,.intro-help,.club-card,.detail-box,.form-preview,.search-wrap,.person-avatar,.care-empty>span){background:var(--field);color:var(--ink);border-color:var(--line)}
.reference-design.dark :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.field-select,.field-menu input){background:var(--field);color:var(--ink);border-color:var(--line)}
.reference-design.dark :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
.reference-design.dark :is(label,.hub-tile small,.hub-welcome p,.hub-add-car p,.brand-name small,.booking-explanation,.booking-total span,.booking-total b,.passenger-benefits>span,.filter-chips button,.booking-filter-tabs>button,.trip-role-tabs>button,.role-switch>button,.language-control button,.chips span,.storage-button small,.vehicle-info p,.vehicle-caption,.vehicle-data small,.card p,.table-wrap small){color:var(--muted)}
.reference-design.dark :is(.hub-tile b,.vehicle-data b,.booking-card h3,.setting-row h3,.card h3,.card h2){color:var(--ink)}
.reference-design.dark :is(.btn,.icon-button,.filter-chips button,.garage-tabs button,.booking-filter-tabs>button){background:var(--surface);color:var(--ink);border-color:var(--line)}
.reference-design.dark :is(.btn.primary,.btn.blue,.btn.lime,.round-add,.search-journey){background:#078c60;color:#fff;border-color:#078c60}
.reference-design.dark :is(.quick-fuel,.chips .mint,.own-label,.specialist-card .favorite.selected,.weekday-options label:has(input:checked),.language-control button[aria-pressed=true],.role-switch>button.selected,.trip-role-tabs>button.selected,.booking-filter-tabs>button.selected,.field-options button:hover,.field-options button:focus-visible,.field-options button[aria-selected=true]){background:#333;color:var(--ink);border-color:#555}
.reference-design.dark :is(.process-card li::before,.ref-shortcuts>button>span,.specialty-icon,.avatar){background:#303030;color:var(--ink)}
.reference-design.dark .field-options button{background:transparent;color:var(--ink)}
.reference-design.dark .field-options button:is(:hover,:focus-visible,[aria-selected=true]){background:#333;color:#fff}
.reference-design.dark .field-menu{border-color:var(--line);box-shadow:0 12px 40px #0008}
.reference-design.dark .field-select.is-placeholder{color:var(--muted)}
.reference-design.dark :is(.journey-cities [data-action=journey-swap],.route-filter-row .swap-route){background:var(--field);color:var(--ink);border-color:var(--line);box-shadow:none}
.reference-design.dark .booking-status{background:#383023;color:#efd192}
.reference-design.dark .booking-status.confirmed{background:#303030;color:#8ee2b6}
.reference-design.dark .booking-status:is(.rejected,.cancelled){background:#303030;color:#c0c0c0}
.reference-design.dark .network-error{background:#372b23;color:#f1ccab}
.reference-design.dark .ref-banner{background:#272727;color:#f1f1f1}
.reference-design.dark .intro-art{background:none}
.reference-design.dark dialog::backdrop{background:#0009}
.reference-design.dark #nav button{color:var(--muted)}
.reference-design.dark #nav button.active{background:#303030;color:var(--green)}
.reference-design.dark #nav .nav-icon{box-shadow:none}
.reference-design.dark #nav button:is([data-page=services],[data-page=bookings]) .nav-icon{box-shadow:0 0 0 5px var(--surface)}
.reference-design.dark :is(.setting-row,.vehicle-data,.expense-lines>div,.booking-actions,.table-wrap,td,th){border-color:var(--line)}
.reference-design.dark :is(.quick-actions button,.date-pill,.checklist label){background:var(--surface);color:var(--ink);border-color:var(--line)}
.reference-design.dark :is(.mini-stat,.service-cover,.plan-note,.checklist label.checked,.chips span,.category-bar,.progress-line,.row-icon){background:var(--field);color:var(--ink)}
.reference-design.dark .chart .bar{background:#606060}
.reference-design.dark .chart .bar:last-child{background:#a0a0a0}
.reference-design.dark .filter-chips button.active{background:#383838;color:#fff}
.reference-design.dark .promo{background:#262626;color:var(--ink)}
.reference-design.dark .search-wrap input{background:transparent}