.vehicle-diagram{--map-ink:#47585e;--map-line:#809298;--map-panel:#dce4e5;--map-glass:#92abb4;--map-selected:#e3473e;max-width:540px;margin:0 auto}
.vehicle-diagram .vehicle-map{display:block;width:100%;height:auto;max-height:560px;overflow:visible}
.vehicle-direction{fill:var(--map-ink);font:10px system-ui;letter-spacing:1.3px;text-anchor:middle}.vehicle-direction path{fill:none;stroke:var(--map-ink);stroke-width:1.5}
.vehicle-wheels{fill:#27343b;stroke:#111b21;stroke-width:2}.vehicle-body{stroke:#7b8e94;stroke-width:2}.vehicle-trim{fill:#bccacf;stroke:#788b92;stroke-width:1.5}
.vehicle-panel{fill:var(--map-panel);stroke:var(--map-line);stroke-width:1.25;stroke-linejoin:round;transition:fill .18s,stroke .18s}.vehicle-glass .vehicle-panel,.vehicle-trim .vehicle-glass{fill:var(--map-glass)}
.vehicle-hatch{fill:var(--damage-pattern);pointer-events:none;opacity:0}.vehicle-zone[aria-pressed=true] .vehicle-panel,.vehicle-zone[data-selected=true] .vehicle-panel{fill:var(--map-selected);stroke:#a82823;stroke-width:2}.vehicle-zone[aria-pressed=true] .vehicle-hatch,.vehicle-zone[data-selected=true] .vehicle-hatch{opacity:1}
.vehicle-marker{pointer-events:none}.vehicle-marker circle{fill:#eff4f4;stroke:#82979d;stroke-width:.7}.vehicle-marker text{fill:#354e58;text-anchor:middle;font:9px system-ui;font-weight:650}.vehicle-zone[aria-pressed=true] .vehicle-marker circle,.vehicle-zone[data-selected=true] .vehicle-marker circle{fill:#fff;stroke:#a82823}.vehicle-zone[aria-pressed=true] .vehicle-marker text,.vehicle-zone[data-selected=true] .vehicle-marker text{fill:#aa231e}
.vehicle-zone[role=button]{cursor:pointer;outline:none}.vehicle-zone[role=button]:hover .vehicle-panel{stroke:#af332e;stroke-width:3}.vehicle-zone[role=button]:focus-visible .vehicle-panel{stroke:#102e40;stroke-width:4;stroke-dasharray:5 3}
.vehicle-details{pointer-events:none;fill:none;stroke:#667f8a;stroke-width:1.5;stroke-linecap:round}.vehicle-light{fill:#fff9d9;stroke:#9caba7}.vehicle-tail-light{fill:#ad373b;stroke:#8e272b}
.vehicle-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;color:var(--map-ink);font:11px/1.5 system-ui;padding:16px 0 4px}.vehicle-legend span{display:flex;gap:7px;align-items:center}.vehicle-legend i{display:block;width:12px;height:12px;border:1px solid #879ba2;background:#dce4e5;border-radius:3px}.vehicle-legend .vehicle-key-damage{background:repeating-linear-gradient(45deg,#e3473e,#e3473e 3px,#ee827c 3px,#ee827c 4px);border-color:#ab342e}
.crm-damage-illustration{background:#f5f5f7;border:1px solid #d9dbe1;border-radius:8px;padding:24px 12px;margin-top:20px}.crm-damage-illustration .vehicle-map{height:auto;max-height:480px;margin:0 auto}.crm-damage-caption{font-size:12px;line-height:1.6;color:#bfc0c8}
.damage-map-layout .damage-map{background:#f5f5f7;padding:24px 10px;border:1px solid #d9dbe1}.damage-map .vehicle-map{height:auto;max-height:520px}.zone-options label>span{display:flex;align-items:center;gap:8px}.zone-options .zone-number{display:grid;place-items:center;min-width:22px;height:22px;border:1px solid #c9ccd4;border-radius:50%;font:10px system-ui;color:#425d65;background:#ffffff}
@media(max-width:700px){.damage-map .vehicle-map{height:auto;max-height:460px}.vehicle-legend{font-size:10px;gap:12px}.crm-damage-illustration{padding:20px 4px}.zone-options .zone-number{min-width:18px;height:18px}.zone-options label>span{gap:5px}}
@media(prefers-reduced-motion:reduce){.vehicle-panel{transition:none}}