:root[data-theme=light]{color-scheme:light;--ink:#211e1b;--muted:#625e56;--line:#d6d0c5;--line-strong:#a79f92;--surface:#fffdf8;--surface-raised:#f8f5ed;--surface-muted:#eee9df;--input-bg:#fffefb;--page-bg:#f3f0e7;--accent:#74232e;--brand-bordeaux:#74232e;--focus:#8d2737}
:root[data-theme=dark]{color-scheme:dark;--ink:#f0efe5;--muted:#c1baaf;--line:#4a453e;--line-strong:#777064;--surface:#262421;--surface-raised:#302a26;--surface-muted:#1b1917;--input-bg:#24221f;--page-bg:#1c1b1a;--accent:#e0aaa4;--brand-bordeaux:#d4a09d;--focus:#edb5b2}
html[data-theme] body,html[data-theme] .app-page{--ink:inherit;--muted:inherit;--line:inherit;--brand-bordeaux:inherit;background-color:var(--page-bg);color:var(--ink)}
html[data-theme] .app-page{--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--brand-bordeaux:var(--accent)}
:root[data-theme=light]{--theme-ink:#211e1b;--theme-muted:#625e56;--theme-line:#d6d0c5}
:root[data-theme=dark]{--theme-ink:#f0efe5;--theme-muted:#c1baaf;--theme-line:#4a453e}
html[data-theme] body{--ink:var(--theme-ink);--muted:var(--theme-muted);--line:var(--theme-line);--brand-bordeaux:var(--accent)}
html[data-theme] .app-page{background-image:radial-gradient(ellipse at 90% 0,#8c485014,transparent 42%),repeating-linear-gradient(115deg,#88888804 0 1px,transparent 1px 9px)}
html[data-theme] header,html[data-theme] .app-page header{background:var(--page-bg);border-color:var(--line)}
html[data-theme] .brand,html[data-theme] .app-page .brand{color:var(--ink)}
html[data-theme] .site-header-nav{height:auto;min-height:84px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding-block:14px}
.site-header-nav .account-nav,.site-header-nav .links{justify-self:end;min-width:0;flex-wrap:wrap}
.site-preferences{display:flex;gap:8px;align-items:center;justify-self:end}
.site-preferences button{font:inherit;font-size:12px;line-height:1.5;min-height:42px;padding:9px 13px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap}
.site-preferences button:hover{background:var(--surface-muted)}
.site-preferences [lang=ar]{font-family:Cairo,Tahoma,Arial,sans-serif}
.preference-confirm{width:min(480px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:26px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);color:var(--ink)}.preference-confirm::backdrop{background:#080808a8;backdrop-filter:blur(4px)}.preference-confirm h2{font-size:24px;margin:0 0 16px}.preference-confirm p{font-size:14px;color:var(--muted)}.preference-confirm .form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
html[lang=en] body{font-family:Arial,Cairo,sans-serif;line-height:1.7}
html[lang=en] h1{letter-spacing:-1.5px}
html[lang=en] .vehicle-heading h1{letter-spacing:-1px}
html[lang=en] .eyebrow{letter-spacing:1.2px}
html[lang=en] .brand small{display:none}
html[data-theme] :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
html[data-theme] .app-page :is(.panel,.record-card,.vehicle-card,.summary-card,.attention-box,.identity-card,.component-tile,.paint-controls,.component-dialog){background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-theme] .app-page .experience-stat{background:var(--surface)}
html[data-theme] .app-page .experience-stat :is(small,p){color:var(--muted)}
html[data-theme] .tiny-label{color:var(--accent)}
html[data-theme] .app-page .experience-stats{background:var(--line);border-color:var(--line)}
html[data-theme] .app-page :is(input,select,textarea){color:var(--ink);background-color:var(--input-bg);border-color:var(--line-strong)}
html[data-theme] .password-input{background:var(--input-bg);border-color:var(--line-strong)}
html[data-theme] :is(.button.primary,.app-page .primary,.cta){background:#741f2a;color:#fff5e9;border-color:#98525b}
html[data-theme] .app-page :is(.text-button,.record-amount,.eyebrow,.care-next){color:var(--accent)}
html[data-theme] :is(.helper,.muted,.component-dialog p,.budget-line small){color:var(--muted)}
html[data-theme] .app-page :is(.role,.badge,.state-pill){background:var(--surface-muted);color:var(--ink)}
html[data-theme=light] .state-pill.overdue{background:#f5dddd;color:#812535}
html[data-theme=light] .state-pill:is(.today,.soon,.unknown){background:#eee2cb;color:#63450d}
html[data-theme=dark] .state-pill.overdue{background:#5b2e35;color:#ffe1dd}
html[data-theme=dark] .state-pill:is(.today,.soon,.unknown){background:#49402b;color:#f5dca5}
html[data-theme] .component-current{color:var(--ink)}
html[data-theme] .cycle-card{background:linear-gradient(130deg,var(--surface-raised),var(--surface));border-color:var(--line)}
html[data-theme] .budget-line{background:var(--surface-muted)}
html[data-theme] .cycle-range{text-align:start}
html[data-theme] .app-page :is(.record-confirm,.archive-confirm){background:var(--surface-muted);color:var(--ink)}
html[data-theme=light] .app-page .notice{background:#f4ead4;color:#574016}
html[data-theme=light] .app-page .notice.error{background:#f5dfe0;color:#762030}
html[data-theme=dark] .app-page .notice{background:#343027;color:#f0e1b6}
html[data-theme=dark] .app-page .notice.error{background:#512b2f;color:#ffe3df}
html[data-theme] .vehicle-portrait .text-button{color:#563638}
html[data-theme] .vehicle-portrait .quick-parts .text-button{color:#4b3c35}
html[data-theme] .vehicle-nav{min-width:0;max-width:100%}
html[data-theme] .vehicle-nav button{flex:none;color:var(--muted)}
html[data-theme] .vehicle-nav button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}
html[data-theme] .vehicle-nav span{margin-inline:6px}
html[data-theme] .vehicle-nav button>[data-i18n]{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit;margin:0}
html[data-theme] .record-tabs button{color:var(--muted)}
html[data-theme] .record-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
html[data-theme] :is(input[type=email],input[type=date],input[type=number],input[name=vin],input[name=registration_serial]){direction:ltr}
html[data-theme] :is(dd,.notes,.component-current){unicode-bidi:plaintext}
html[dir=ltr] :is(.history-list,.steps){padding-right:0;padding-left:24px}
html[dir=ltr] .cta [aria-hidden=true]{transform:scaleX(-1)}
@media(max-width:680px){html[data-theme] .site-header-nav{grid-template-columns:1fr auto;gap:10px 16px;padding-block:12px;min-height:98px}.site-header-nav .brand{grid-row:1;grid-column:1;justify-self:start;font-size:26px}.site-header-nav .site-preferences{grid-row:1;grid-column:2}.site-header-nav :is(.account-nav,.links){grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:center;gap:8px 18px;font-size:12px}.site-header-nav .links a:last-child{display:inline-flex}.site-preferences button{padding:8px 10px;min-height:40px}.site-header-nav .brand small{display:none}.site-header-nav .account-nav #motion-toggle{font-size:11px}html[lang=en] h1{letter-spacing:-.8px}html[lang=en] .vehicle-heading h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.site-preferences button{transition:none}}
.garage-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.invitation-dialog input,#mfa-code,#user-search{max-width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;background:var(--input-bg);color:var(--ink)}.invitation-dialog input{width:100%;margin-top:10px;font-size:13px}.admin-section{margin-block:28px}.admin-section .toolbar{margin-bottom:20px}.admin-section .vehicle-card p{overflow-wrap:anywhere}#mfa-qr{display:block;background:white;border-radius:12px;margin-block:18px}#mfa-secret{display:block;overflow-wrap:anywhere;margin-block:12px}#platform-users{margin-block:20px}#platform-notice{padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);margin-top:24px;white-space:pre-wrap}.signup-link{color:var(--accent)!important;font-weight:700}@media(max-width:480px){.garage-actions{margin-top:20px}.garage-actions>*{flex:1}.admin-section .toolbar{display:flex;flex-direction:column;align-items:stretch}}