/* Technical vehicle inspection illustrations. Keep normalized damage canvas unchanged. */
[data-damage-canvas]{max-width:720px;margin:20px auto;background:#fff;border-radius:12px;overflow:hidden}
[data-damage-canvas] > svg{display:block;width:100%;height:auto!important;aspect-ratio:300 / 160;background:#fff;border:1px solid #d7e0e5;border-radius:12px;box-sizing:border-box;cursor:crosshair}
[data-damage-canvas] .damage-mark circle{fill:#bb4249;stroke:#fff;stroke-width:2}
[data-damage-canvas] .damage-mark text{fill:#fff;font:bold 12px sans-serif}

[data-damage-canvas]{width:100%;max-width:720px!important;margin:12px auto!important;background:#eff7f2}
[data-damage-canvas] > svg{background:#eff7f2}
[data-damage-canvas] .vehicle-outline svg{border:0!important;border-radius:0!important;background:transparent!important;aspect-ratio:auto!important}
[data-damage-canvas] .damage-mark circle{stroke-width:.8}
[data-damage-canvas] .damage-mark text{font:bold 4.5px sans-serif}
[data-damage-list]{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0!important;margin:8px 0!important;counter-reset:damage}
[data-damage-list] li{display:flex;align-items:center;gap:5px;max-width:100%;font-size:12px;overflow-wrap:anywhere;counter-increment:damage}
[data-damage-list] li:has([data-remove-mark]):before{content:counter(damage) '.';font-weight:600}
#workshopPortal [data-damage-list] [data-remove-mark],#modalRoot [data-damage-list] [data-remove-mark]{display:inline-grid;place-items:center;flex-shrink:0;width:28px;min-width:28px;min-height:28px;height:28px;padding:5px;margin:0;border:0;border-radius:6px;background:#fff0ee;color:#b33d36}
[data-remove-mark] svg{display:block;pointer-events:none}
/* Keep workflow controls on one compact wrapping row. */
#workshopPortal .workshop-flow{padding:12px;margin:10px 0}
#workshopPortal .workshop-flow .wf-current-status{margin:0 0 8px;padding:6px 9px;font-size:12px}
#workshopPortal .workshop-flow .wf-actions,#workshopPortal .workshop-flow .wf-document-tools{display:inline-flex;vertical-align:middle;gap:6px;margin:4px 10px 4px 0;padding:0;border:0}
#workshopPortal .workshop-flow .wf-help{display:none}
#workshopPortal .workshop-flow .wf-quotation{margin-top:10px}
#workshopPortal .workshop-flow .wf-quotation>summary{padding:9px 12px;font-size:13px}

/* Nested sprite SVGs keep their intrinsic dimensions; only the outer canvas fills the page. */
[data-damage-canvas] .vehicle-outline svg{width:var(--sprite-width)!important;height:var(--sprite-height)!important}