:root{color-scheme:light;--surface:#fff;--surface-soft:#f5f7f2;--raised:#edf2e8;--control:#fff}
.theme-control{display:inline-block;margin:0;flex-shrink:0}.theme-control select{margin:0;width:auto;min-width:110px;font-size:11px;font-weight:600;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--control);color:var(--text);cursor:pointer}.theme-floating{position:fixed;right:22px;top:20px;z-index:30}.theme-control select:focus-visible{outline:2px solid #73a184;outline-offset:3px}.auth-page main.auth-card{margin-top:28px}
html[data-theme=dark]{color-scheme:dark;--green:#66c0f4;--accent:#66c0f4;--bg:#1b2838;--line:#36516a;--text:#c7d5e0;--muted:#9eafbe;--white:#202f40;--surface:#202f40;--surface-soft:#24384b;--raised:#2a475e;--control:#101b28}
html[data-theme=dark] body,html[data-theme=dark] body.auth-page,html[data-theme=dark] body.account-page,html[data-theme=dark] body[data-portal=true]{background:var(--bg);color:var(--text)}
html[data-theme=dark] :is(.sidebar,.panel,.stat,.stock-card,.gates-context,dialog,.dossier-toolbar,.calendar-head),html[data-theme=dark] .auth-page main.auth-card{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:none}
html[data-theme=dark] header{background:#171a21;border-color:var(--line);height:auto;min-height:75px;padding-top:13px;padding-bottom:13px;gap:12px}
html[data-theme=dark] :is(h1,h2,h3,.brand,.auth-brand,.breadcrumb strong,.profile,.lookup-result .kv b,.work-line-fields strong){color:var(--text)}
html[data-theme=dark] :is(.subtitle,.lookup-hint,.integration-copy,.tiny,.sub,.empty,.navlabel,.workspace small,.profile small,.private,.breadcrumb,.stat-top,.stat-foot,.stat-foot strong,.panel-head p,.stock-body p,.stock-price small,.activity-item p,.activity-item time,.panel-bottom,.gates-context p,.vehicle-resource p,.dossier-facts dt,.work-line-fields small,.approval-row p,.agenda-filters p,.calendar-axis>div,.closed-label,.spec-missing,.auth-card>p,.inclusive-price>span,.line-labels,footer,footer>span){color:var(--muted)}
html[data-theme=dark] label{color:#c7d5e0}
html[data-theme=dark] :is(input,select,textarea,.search,.filter-select,.line-row input,.line-row select){background:var(--control);color:var(--text);border-color:#48637a}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#8c9daa;opacity:1}
html[data-theme=dark] input:disabled,html[data-theme=dark] select:disabled{background:#223246;color:#9eafbe;opacity:.8}
html[data-theme=dark] input[type=checkbox]{accent-color:#66c0f4}
html[data-theme=dark] .inclusive-price input{background:#213c52!important}
html[data-theme=dark] .btn{background:var(--raised);color:#d6e3ed;border-color:#48637a}
html[data-theme=dark] .btn.primary{background:linear-gradient(100deg,#1a719f,#17658f);color:#fff;border-color:#468cba}
html[data-theme=dark] .btn.lime{background:var(--accent);color:#122333;border-color:var(--accent)}
html[data-theme=dark] .btn.ghost{background:transparent;color:#b9d8ec}
html[data-theme=dark] .btn:hover{filter:brightness(1.12)}
html[data-theme=dark] :is(.brand-options,.record-picker-options){background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:0 10px 30px #0004}
html[data-theme=dark] :is(.brand-option,.record-picker-option){color:var(--text);border-color:var(--line)}
html[data-theme=dark] :is(.brand-option:hover,.brand-option[aria-selected=true],.record-picker-option:hover,.record-picker-option[aria-selected=true]){background:#2a475e;color:#c7d5e0}
html[data-theme=dark] :is(.brand-count,.record-picker-count,.record-picker-option small,.workorder-notes){color:var(--muted)}
html[data-theme=dark] dialog::backdrop{background:#080d16cc}
html[data-theme=dark] :is(.workicon,.avatar,.name-cell .avatar,.activity-icon,.tag,.close){background:var(--raised);color:#b9d8ec;border-color:var(--line)}
html[data-theme=dark] nav a{color:#a9c6d9}
html[data-theme=dark] nav a:hover{background:#263d52}
html[data-theme=dark] nav a.active{background:#2a475e;color:#e5f1f9}
html[data-theme=dark] .navcount{background:#48637a;color:#d9e8f4}
html[data-theme=dark] nav.dossier-tabs a.active{background:transparent;color:#c7d5e0;border-bottom-color:#b9d8ec}
html[data-theme=dark] :is(th,.month-weekday){background:var(--surface-soft);color:#a9c6d9;border-color:var(--line)}
html[data-theme=dark] :is(td,.activity-item,.work-line,.catalog-results button,.approval-row,.opening-hours>div,.user-edit,.mechanic-form){border-color:var(--line)}
html[data-theme=dark] tbody tr:hover{background:#223246}
html[data-theme=dark] td .sub{color:var(--muted)}
html[data-theme=dark] :is(.quick,.detail-grid div,.vehicle-resource,.catalog-results){background:var(--surface-soft);color:var(--text);border-color:var(--line)}
html[data-theme=dark] :is(.quick:hover,.vehicle-resource:hover,.catalog-results button:hover,.catalog-results button:focus){background:#2a475e;border-color:#8c9daa}
html[data-theme=dark] .catalog-results button{color:var(--text)}
html[data-theme=dark] :is(.catalog-results small,.detail-grid small,.vehicle-tech p){color:var(--muted)}
html[data-theme=dark] :is(.catalog-results b,.spec-value,.dossier-facts a){color:#c7d5e0}
html[data-theme=dark] .notice{background:#332f1e;color:#e0d6a6;border-color:#655d38}
html[data-theme=dark] .badge{background:#2a475e;color:#d0d0d0}
html[data-theme=dark] .badge.green{background:#29432c;color:#c0dea4}
html[data-theme=dark] .badge.amber{background:#483d21;color:#efcf80}
html[data-theme=dark] .badge.red{background:#492b2b;color:#f0b0a5}
html[data-theme=dark] .badge.blue{background:#263c4b;color:#b4d3ec}
html[data-theme=dark] .line-rejected{background:#2e2221;border-left-color:#cb897f}
html[data-theme=dark] .total-box>div{color:#c0c0c0}
html[data-theme=dark] .total-box .grand{color:#c7d5e0;border-color:#4d7591}
html[data-theme=dark] :is(.dossier-page-body .form-actions,.calendar-date){background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .car-art{background:linear-gradient(145deg,#1c3248,#36516a);color:#b9d8ec}
html[data-theme=dark] .hero{background:#1c3248}
html[data-theme=dark] .hero h2{color:#f5f8fa}
html[data-theme=dark] .calendar-date span{color:#a9c6d9}
html[data-theme=dark] .calendar-date.is-today{background:#2a475e;color:#e5f1f9}
html[data-theme=dark] :is(.calendar-day,.month-day){border-color:var(--line)}
html[data-theme=dark] .quarter-slot{border-color:#263d52}
html[data-theme=dark] .quarter-slot.whole-hour{border-color:#35536e}
html[data-theme=dark] .quarter-slot:hover{background:#294a65}
html[data-theme=dark] .closed-day{background:repeating-linear-gradient(135deg,#202f40,#202f40 7px,#1f3042 7px,#1f3042 14px)}
html[data-theme=dark] .calendar-axis small{color:#8c9daa}
html[data-theme=dark] .calendar-event{background:#2a475e;color:#edf5fa;box-shadow:0 1px 4px #0003}
html[data-theme=dark] .calendar-event:hover{background:#365d7b}
html[data-theme=dark] .calendar-event small{color:#b9d8ec}
html[data-theme=dark] .month-day.outside-month{background:#171a21;color:#95aabd}
html[data-theme=dark] .month-date.is-today{background:#4d7591;color:white}
html[data-theme=dark] .drop-hover{background:#355e7b!important;outline-color:#66c0f4}
html[data-theme=dark] .error,html[data-theme=dark] #login-error,html[data-theme=dark] #account-message{color:#f2b3a2}
html[data-theme=dark] #sync-state{background:#263d52;border-color:#486b87;color:#c7d5e0}
html[data-theme=dark] #sync-state.sync-error{background:#452c25;border-color:#987166;color:#f2c4b6}
html[data-theme=dark] #sync-state button{background:#253d51;color:inherit}
html[data-theme=dark] #toast{background:#2a475e;color:#e5f1f9}
/* Kentekenplaten retain their recognizable yellow/blue appearance. */
html[data-theme=dark] .plate-input input{background:transparent;color:#26352b;border:0}
html[data-theme=dark] .plate-input input::placeholder{color:#827632}
@media(max-width:650px){.theme-control select{min-width:96px;font-size:10px}.theme-floating{right:15px;top:14px}header{height:auto;min-height:60px;gap:10px;padding-top:12px;padding-bottom:12px}.header-right{gap:7px}.header-right>[data-account-link]{max-width:140px;overflow:hidden;text-overflow:ellipsis}.auth-page main.auth-card{padding:28px}}
/* Neutral administration surfaces; status badges keep their meaning. */
html[data-theme=dark] .admin-nav [aria-current=page]{background:#2a475e;color:#e5f1f9;border-color:#555}
html[data-theme=dark] :is(.user-card,.address-search,.address-result,.create-user-box,.admin-nav a,#audit-list p){border-color:var(--line)}
html[data-theme=dark] .address-result{background:var(--surface);color:var(--text)}
html[data-theme=dark] .address-result:hover,html[data-theme=dark] .address-result:focus{background:#2a475e;outline-color:#66c0f4}
html[data-theme=dark] .account-tabs [aria-current=page]{background:#2a475e;color:#66c0f4;border-color:#468cba}
html[data-theme=dark] :is(input,select,textarea,.btn,.theme-control select):focus-visible{outline:2px solid #a9c6d9;outline-offset:3px}
/* Steam-inspired navy surfaces and blue accents. */
html[data-theme=dark] .sidebar{background:#171a21}
html[data-theme=dark] :is(h1,h2,h3){color:#f0f5f9}
html[data-theme=dark] :is(nav a.active,.admin-nav [aria-current=page]){background:#2a475e;color:#66c0f4;border-color:#456b88}
html[data-theme=dark] .hero{background:linear-gradient(115deg,#203b55,#2a475e)}
html[data-theme=dark] .brandmark{background:#66c0f4;color:#171a21}
html[data-theme=dark] .btn.lime{background:#66c0f4;color:#102233;border-color:#66c0f4}
@media print{html[data-theme=dark]{color-scheme:light;--bg:#fff;--text:#111;--line:#ddd;--surface:#fff;--surface-soft:#fff;--raised:#fff;--control:#fff;--muted:#444}html[data-theme=dark] body,html[data-theme=dark] .print-doc,html[data-theme=dark] .print-doc :is(h1,h2,h3,p,td,th,.total-box>div,.total-box .grand){background:white!important;color:black!important;border-color:#aaa!important}.theme-control,#sync-state{display:none!important}}