/* Anthracite surfaces, warm typography and Low Price red. */
:root{--red:#e85a50;--red-dark:#ba352d;--ink:#f5f3ef;--sub:#b0b6bc;--bg:#171b1f;--line:#3a4148;--green:#91d7b1;--soft:#392726;--surface:#22272d;color-scheme:dark}
body{background:radial-gradient(ellipse at 75% 5%,#303337 0,transparent 36%),var(--bg)}
.demo-bar{background:#101316;border-bottom:1px solid #30363b}
.demo-bar b{color:#e9c6c1}.header{border-bottom:1px solid #ffffff0a}
.avatar{background:#363c43}.hero h1{font-weight:700}.hero-art:before{background:#d9d9d5;box-shadow:0 25px 75px #0004}
.hero-art .float-label{background:#282e34;border:1px solid #454c52;box-shadow:0 15px 35px #0004}
.search-bar,.car-card,.panel,.rate,.rental-card,.shortcut,.doc,.stat,.calendar-wrap,.fleet-item,dialog{background:var(--surface)}
.search-bar{box-shadow:0 15px 45px #0002}.field input,.field select{background:transparent}
.filter-options select,.input{background:#1a1f24;border-color:var(--line)}
.btn{background:#b82e26;color:#fff;box-shadow:inset 0 1px #ffffff16}.btn:hover{background:#d13d32}
.btn.secondary{background:#30373e;color:var(--ink)}.btn.secondary:hover{background:#3d454e}
.btn.dark{background:#38434c;color:#fff}.btn.ghost{background:transparent;box-shadow:none}
.chip.active{background:#f1eeea;color:#20252a}.chip:hover:not(.active){background:#32383e}
.car-card:hover{box-shadow:0 16px 36px #0003;border-color:#69717b}
.car-photo{background:#e1e3e2}.car-photo.busy{background:#b8bcbf}.car-photo.busy img{opacity:.34}
.badge{background:#f9fbf9;color:#246649;box-shadow:0 2px 10px #0001}.badge.gray{color:#434f56}.badge.red{color:#ffb2aa;background:#4d2c2a}
.detail-photo{background:#e1e3e2}.savings,.success-symbol{background:#244536;color:#b0ecc9}
.note{color:#f1bdb4}.note.neutral{background:#2a3437;color:#c3d2d1}
.option:has(input:checked){background:#362726}.rate.emphasis{background:#362726;border-color:#bd5147}
.cart-car img,.fleet-item img{mix-blend-mode:normal;background:#e1e3e2;border-radius:10px;padding:5px}
.calendar th{background:#1c2126}.calendar th,.calendar td{border-color:var(--line)}
.cal-pill{background:#244536;color:#b0ecc9}.cal-pill.rented{background:#51342e;color:#ffc0af}.cal-pill.reserved{background:#303b59;color:#c0ceff}.cal-pill.inspection{background:#4c4124;color:#f3d58b}.cal-pill.protected{background:repeating-linear-gradient(135deg,#45382f,#45382f 4px,#514337 4px,#514337 6px);color:#edd0b5}
.mobile-nav{background:#1c2126f2}.text-error{color:#ff9e94}.close{background:#394149}
#toast{background:#e7ece9;color:#18251e}dialog::backdrop{background:#080b10b8}.payment-choice{background:#1b2025}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #e8b583;outline-offset:4px}
.card-image-link{display:block}.card-body h3 a:hover{color:var(--red)}
.photo-hint{position:absolute;right:12px;bottom:10px;padding:5px 8px;background:#20262ce8;border-radius:6px;color:#fff;font-size:10px;letter-spacing:.2px}
.gallery{min-width:0}.gallery-stage{position:relative;border-radius:22px;overflow:hidden;background:#111519;border:1px solid var(--line)}
.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;outline-offset:-4px;aspect-ratio:16/10}
.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{margin:0;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;align-items:center;justify-content:center;background:#111519}
.gallery-slide img{width:100%;height:100%;object-fit:contain}.gallery-slide.exterior{background:#e1e3e2}.gallery-slide.exterior img{padding:28px;mix-blend-mode:multiply}
.gallery-slide figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 18px 14px;background:linear-gradient(transparent,#101418ed);color:#fff;font-size:12px;line-height:1.5}
.gallery-slide figcaption small{display:block;font-size:10px;color:#d4d8dc}.gallery-status{position:absolute;top:16px;left:16px;pointer-events:none}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0}
.gallery-toolbar p{font-size:11px;color:var(--sub)}.gallery-controls{display:flex;align-items:center;gap:12px}.gallery-count{font-size:12px;font-variant-numeric:tabular-nums;min-width:35px;text-align:center}
.gallery-arrow{background:#30373e;color:var(--ink);width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.gallery-arrow:disabled{opacity:.3}.gallery-arrow:hover:not(:disabled){background:#4a4241}
.gallery-thumbs{display:flex;gap:9px;overflow-x:auto;padding:4px 4px 8px;margin:0 -4px}.gallery-thumb{width:100px;flex:0 0 100px;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#353b40;color:var(--sub);text-align:left}
.gallery-thumb img{width:100%;height:60px;object-fit:cover;background:#e1e3e2}.gallery-thumb span{display:block;padding:7px 8px;font-size:10px}.gallery-thumb[aria-pressed=true]{border-color:var(--red);color:#fff}
.vehicle-specs{padding:22px;margin-top:23px}.vehicle-specs h2{font-size:21px}.spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin:15px 0}
.spec-grid>div{padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.spec-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--sub);margin-bottom:6px}.spec-grid dd{margin:0;font-size:16px;font-weight:600}.spec-grid dd.unconfirmed{font-size:12px;color:#d0bbae}
.spec-source{font-size:10px;color:var(--sub);line-height:1.65}.spec-source a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1001px){.split>.panel:last-child{position:sticky;top:22px}.hero{gap:35px}.hero-art img{width:96%}}
@media(max-width:700px){.gallery-track{aspect-ratio:4/3}.gallery-slide.exterior img{padding:12px}.gallery-status{top:12px;left:12px}.gallery-slide figcaption{padding:25px 12px 12px}.gallery-thumb{width:86px;flex-basis:86px}.gallery-thumb img{height:53px}.gallery-toolbar p{font-size:10px}.vehicle-specs{padding:20px}.photo-hint{font-size:8px;padding:4px 6px;right:8px;bottom:7px}.card-photo{height:150px}.hero-art .float-label{bottom:-5px}.spec-grid dd{font-size:15px}}

.gallery-thumb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
