/* Shared catalogue/owned-vehicle visuals and responsive model editing. */
.vehicle-card,.market-vehicle-card,.vehicle-top,.vehicle-meta,.buy-model-option{min-width:0;max-width:100%;box-sizing:border-box}
.vehicle-card .vehicle-icon{width:72px;height:60px;flex:0 0 72px;overflow:hidden}
.vehicle-visual{max-width:100%;max-height:100%;min-width:0;box-sizing:border-box}
.vehicle-visual img{display:block;min-width:0;max-width:100%;max-height:100%;overflow:hidden}
.vehicle-title,.vehicle-meta .meta-item,.market-vehicle-card h3{min-width:0;overflow-wrap:anywhere}
#fleetList{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}
#view-company .table-wrap,#view-market .table-wrap{max-width:100%;overflow-x:auto}
#view-company .grid>*,#view-finance .grid>*,#view-market .grid>*{min-width:0}
#view-company h2,#view-company p,#view-company h3{overflow-wrap:anywhere}
.vehicle-visual{display:inline-flex;align-items:center;justify-content:center;width:64px;height:52px;flex-shrink:0;overflow:hidden;border-radius:10px;background:rgba(15,23,42,.35);vertical-align:middle}
.vehicle-visual img{width:100%;height:100%;object-fit:contain}
.vehicle-visual [hidden]{display:none!important}
[data-vehicle-type-icon]{display:inline-block;min-width:0;max-width:3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.vehicle-visual-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:100%;max-height:100%;font-size:28px;line-height:1.2}
.vehicle-visual img{object-position:center}
.vehicle-card .vehicle-title .spread{flex-wrap:wrap;gap:6px}
.market-vehicle-card .vehicle-visual{flex:0 0 64px}
.fleet-sale-modal,.fleet-insurance-modal{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.fleet-insurance-modal fieldset{margin:0;padding:0;border:0;min-width:0}
.fleet-insurance-modal label .flex-1{min-width:0}
.fleet-model-editor,.buy-modal{padding:24px;border:1px solid #374151;border-radius:12px;background:#1f2937;color:#f1f5f9}
.fleet-model-editor .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fleet-model-editor input,.fleet-model-editor select{max-width:100%;min-width:0}
.fleet-image-editor{margin-top:20px;padding-top:16px;border-top:1px solid #374151;display:grid;gap:12px}
.fleet-image-preview .vehicle-visual{width:180px;height:120px}
.fleet-file-status{font-size:13px;color:#cbd5e1;overflow-wrap:anywhere}
.fleet-specs{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:#cbd5e1;margin-top:8px}
.buy-model-details{min-width:0;overflow-wrap:anywhere}.buy-model-details small{white-space:normal}.buy-model-option{min-width:0}
.buy-total b{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:600px){.fleet-model-editor,.buy-modal,.fleet-sale-modal,.fleet-insurance-modal{padding:16px}.fleet-model-editor .form-grid{grid-template-columns:minmax(0,1fr)}.buy-model-option{flex-wrap:wrap}.buy-model-price{margin-left:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere}.buy-footer{flex-wrap:wrap;gap:16px}.buy-actions{flex-wrap:wrap;max-width:100%}.buy-config-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.buy-model-option{display:grid;grid-template-columns:16px 64px minmax(0,1fr)}.buy-model-radio{grid-column:1}.buy-model-option>.vehicle-visual{grid-column:2}.buy-model-details{grid-column:1/-1;grid-row:2}.buy-model-price{grid-column:3;grid-row:1;justify-self:end}}
