.vehicle-badge { display:inline-flex; align-items:center; gap:7px; max-width:100%; vertical-align:middle; color:#233d4e; text-decoration:none; line-height:1.15; }
.vehicle-badge:hover { color:#183a55; }
a.vehicle-badge:hover .vehicle-badge-plate { text-decoration:underline; }
a.vehicle-badge:focus-visible { outline:2px solid #1869a4; outline-offset:3px; border-radius:3px; }
.vehicle-badge-photo { display:block; flex:0 0 36px; width:36px; height:28px; box-sizing:border-box; border:1px solid #d9e2e8; border-radius:3px; overflow:hidden; background:#f1f5f7; }
.vehicle-badge-image,.vehicle-badge-placeholder { display:block; width:100%; height:100%; }
.vehicle-badge-image { object-fit:contain; }
.vehicle-badge-placeholder { background:#edf2f5; }
.vehicle-badge [hidden],.vehicle-select-preview [hidden] { display:none!important; }
.vehicle-badge-text { display:block; min-width:0; }
.vehicle-badge-plate { display:block; color:#233d4e; font-size:.9rem; font-weight:650; white-space:nowrap; }
.vehicle-badge-model { display:block; max-width:230px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.75rem; font-weight:400; color:#576c78; margin-top:2px; }
.vehicle-badge--inline .vehicle-badge-text { display:inline-flex; flex-wrap:wrap; align-items:baseline; gap:5px; }
.vehicle-badge--inline .vehicle-badge-model { margin-top:0; }
.vehicle-badge-unassigned { font-size:.85rem; color:#576c78; }
.vehicle-select-preview { margin-top:0; margin-bottom:.75rem; }
.mb-3 + .vehicle-select-preview { margin-top:-.5rem; }
.vehicle-select-preview [data-vehicle-preview]:not([hidden]) { padding-top:.35rem; }
@media(max-width:767px) {
    .vehicle-badge { gap:5px; }
    .vehicle-badge-photo { flex-basis:28px; width:28px; height:24px; }
    .vehicle-badge-plate { font-size:.82rem; }
    .vehicle-badge-model { font-size:.7rem; max-width:180px; }
}
