:root{color-scheme:light;--on-primary:#fff;--photo-ready:#267c5a;--photo-empty:#a3abb1;--repair-ground:#fff0f4;--repair-media:#fbe4ec;--repair-border:#efd4de;--repair-text:#8c3152}
:root[data-theme="dark"]{color-scheme:dark;--ground:#111111;--surface:#191919;--raised:#222222;--active:#2d2d2d;--border:#303030;--rule:#292929;--control:#505050;--text:#f1f1f1;--muted:#b7b7b7;--faint:#a1a1a1;--primary:#ececec;--on-primary:#161616;--accent:#72c3d3;--positive:#78ce9b;--negative:#ffb5b9;--photo-ready:#79c9a2;--photo-empty:#777777;--repair-ground:#361f2a;--repair-media:#462334;--repair-border:#593546;--repair-text:#f5bdcf}
.theme-toggle{height:32px;padding:0 9px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);background:transparent;border:1px solid var(--control);border-radius:6px;font-size:12px;white-space:nowrap;flex:none}.theme-toggle:hover{color:var(--text);border-color:var(--muted)}.theme-toggle svg{width:15px;height:15px}.topbar-controls,.album-header-actions{display:flex;align-items:center;gap:20px}.login-theme{position:absolute;top:20px;right:24px}.button.primary,.skip-link{color:var(--on-primary)}.button.primary:hover{background:var(--primary);opacity:.9}.car-card.repair-card{background:var(--repair-ground);border-color:var(--repair-border)}.car-card.repair-card .car-media{background:var(--repair-media)}.car-card.repair-card .car-foot{border-color:var(--repair-border)}.car-card.repair-card .card-tag{color:var(--repair-text)}.repair-pill,.repair-notice{background:var(--repair-media);color:var(--repair-text);border-color:var(--repair-border)}
:root[data-theme="dark"] .nav button{color:#b9b9b9}:root[data-theme="dark"] .nav button.active{color:var(--text)}:root[data-theme="dark"] .nav button:hover{background:#252525}:root[data-theme="dark"] .nav-divider,:root[data-theme="dark"] .user-block{border-color:var(--border)}:root[data-theme="dark"] .nav-divider{background:var(--border)}:root[data-theme="dark"] .button:hover{background:#262626;border-color:#737373}:root[data-theme="dark"] .button.primary:hover{background:var(--primary)}:root[data-theme="dark"] .button.quiet:hover{background:#282828}:root[data-theme="dark"] .search input,:root[data-theme="dark"] .toolbar select,:root[data-theme="dark"] .form-field input,:root[data-theme="dark"] .form-field select,:root[data-theme="dark"] .form-field textarea,:root[data-theme="dark"] .export-preview textarea,:root[data-theme="dark"] .login-card input{background:#1b1b1b;color:var(--text)}:root[data-theme="dark"] .form-field input[readonly]{background:var(--raised);color:var(--muted)}:root[data-theme="dark"] .car-media{background:#242424}:root[data-theme="dark"] .no-photo-label{color:#b9b9b9}:root[data-theme="dark"] .car-card.repair-card .no-photo-label{color:#e1becb}:root[data-theme="dark"] .car-outline{color:#989898}:root[data-theme="dark"] .media-count,:root[data-theme="dark"] .photo-cover-label{background:#202020;color:#f1f1f1}:root[data-theme="dark"] .source-reference strong{color:#c5c5c5}:root[data-theme="dark"] .text-link{color:#cbcbcb}:root[data-theme="dark"] .dialog-head,:root[data-theme="dark"] .showroom-shell,:root[data-theme="dark"] .login-card{background:var(--surface)}:root[data-theme="dark"] dialog::backdrop{background:#000b}:root[data-theme="dark"] .dropzone{background:#222222;border-color:#575757}:root[data-theme="dark"] .dropzone.dragging{background:#193138;border-color:var(--accent)}:root[data-theme="dark"] .dropzone>svg{color:#b8b8b8}:root[data-theme="dark"] .link-row input{background:#202020;color:#c6c6c6}:root[data-theme="dark"] .photo-tools .delete-photo:hover{background:#46262e}:root[data-theme="dark"] .notice{background:#302a1c;color:#eed89e;border-color:#51472c}:root[data-theme="dark"] .form-error{background:#3f222b;color:#ffc0ca}:root[data-theme="dark"] .draft-status{background:#303030;color:#d1d1d1}:root[data-theme="dark"] .draft-status.matched{background:#1c3526;color:#a7e2be}:root[data-theme="dark"] .row-status{color:var(--muted)}:root[data-theme="dark"] .album-header,:root[data-theme="dark"] .user-block{border-color:var(--border)}:root[data-theme="dark"] .album-photo{background:#252525;border-color:#3a3a3a}:root[data-theme="dark"] .showroom-hero,:root[data-theme="dark"] .showroom-no-photo{background:#242424}:root[data-theme="dark"] .toast{background:#ededed;color:#171717}:root[data-theme="dark"] .toast.error{background:#713342;color:#fff}:root[data-theme="dark"] .nav-overlay.visible{background:#000a}:root[data-theme="dark"] .skeleton-media{background:#252525}:root[data-theme="dark"] .skeleton-line{background:#323232}:root[data-theme="dark"] .lightbox{background:#0b0b0b}:root[data-theme="dark"] .viewer-nav{background:#292929;border-color:#505050}:root[data-theme="dark"] .viewer-nav:hover{background:#3a3a3a}:root[data-theme="dark"] .viewer-meta span,:root[data-theme="dark"] .viewer-caption{color:#b8b8b8}:root[data-theme="dark"] .viewer-actions .button{color:#eee;border-color:#505050}:root[data-theme="dark"] .viewer-actions .icon-button:hover{background:#303030;border-color:#4a4a4a}
@media(max-width:600px){.theme-toggle{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}.theme-toggle span{display:none}.theme-toggle svg{width:17px;height:17px}.topbar-controls{gap:0}.album-header-actions{gap:10px}.album-header-actions>p{display:none}.showroom-header .theme-toggle{width:38px;min-width:38px}.showroom-header>div{gap:3px}.showroom-header .button{padding:0 6px;font-size:10px}.login-theme{top:16px;right:18px}}
:root[data-theme="dark"] .car-card.repair-card .car-media{background:var(--repair-media)}
:root[data-theme="dark"] .photo-completion,:root[data-theme="dark"] .photo-completion::-webkit-progress-bar{background:#383838}
.connection-notice{background:var(--raised);border-color:var(--border);color:var(--muted)}.connection-notice .text-link{margin-left:5px;text-decoration:underline;text-underline-offset:3px;color:var(--text);font-size:inherit}
:root[data-theme="dark"] .connection-notice{background:var(--raised);border-color:var(--border);color:var(--muted)}