/* Zeneon STMS — vehicle-type glyphs, v1.0.0
   Mask-based: the glyph inherits currentColor and font-relative sizing, exactly like the rest
   of the icon layer. Load AFTER the design-system stylesheet — it consumes its tokens.
   Set --vehicle-icon-base once to wherever you copied svg/ (default: next to this file). */
:root{--vehicle-icon-base:url("svg");--vehicle-icon-size:1.25em}
.vehicle-icon{display:inline-block;flex:0 0 auto;width:var(--vehicle-icon-size);height:var(--vehicle-icon-size);background:currentColor;vertical-align:-.15em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.vehicle-icon--bus{-webkit-mask-image:url("../icons/vehicles/bus.007b69e2ed20.svg");mask-image:url("../icons/vehicles/bus.007b69e2ed20.svg")}
.vehicle-icon--minibus{-webkit-mask-image:url("../icons/vehicles/minibus.363afe6db7c2.svg");mask-image:url("../icons/vehicles/minibus.363afe6db7c2.svg")}
.vehicle-icon--coach{-webkit-mask-image:url("../icons/vehicles/coach.3ac213454722.svg");mask-image:url("../icons/vehicles/coach.3ac213454722.svg")}
.vehicle-icon--taxi{-webkit-mask-image:url("../icons/vehicles/taxi.0a7c4a5fcc52.svg");mask-image:url("../icons/vehicles/taxi.0a7c4a5fcc52.svg")}
/* If the SVGs live elsewhere (e.g. Django static), override the four URLs in your own sheet:
   .vehicle-icon--bus{mask-image:url("/static/icons/vehicles/bus.007b69e2ed20.svg")} … */

/* Labelled pairing. Vehicle type is a property, never a status — do not colour the glyph. */
.vehicle-type{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}
.vehicle-type__label{font:var(--type-body-strong)}
.vehicle-type--inline{gap:var(--space-15)}
.vehicle-type--inline .vehicle-type__label{font:var(--type-small)}
.vehicle-type--chip{gap:var(--space-15);height:var(--control-h-sm);padding:0 var(--space-2);border:var(--border-hairline) solid var(--border-default);border-radius:var(--radius-xs);background:var(--surface-card)}
.vehicle-type__meta{font:var(--type-caption);color:var(--text-muted)}
.vehicle-type__plate{font:var(--type-mono);direction:ltr;unicode-bidi:isolate;color:var(--text-secondary)}
@media (max-width:767px){.vehicle-type__meta{display:none}}