/* Vehicle chip (vehicle.js): three states, placed beside the set-aside tag. design.css tokens; works on the dark page and the light terminal. */
.vchip { display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: 6px; border: 1px solid; font: 500 11.5px/1 var(--font); white-space: nowrap; vertical-align: middle; }
.vchip::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.vchip.held { color: var(--ok); border-color: var(--ok); background: rgba(28,125,86,.08); }
.vchip.need { color: var(--warn); border-color: var(--warn); background: rgba(150,98,15,.08); }
.vchip.text { color: var(--mute); border-style: dashed; border-color: var(--line2); background: transparent; } .vchip.text::before { background: transparent; border: 1px solid currentColor; width: 5px; height: 5px; }
.vchip small { font-weight: 400; color: inherit; opacity: .85; }
.vseg .vlbl { padding: 0 8px; color: var(--mute); font-size: var(--fs-1); align-self: center; }
.rt td .vchip, .kcard .vchip, .mcard .vchip, .phone2 .vchip, .swc .vchip, .shrow .vchip, .lrow .vchip { height: 20px; font-size: 11px; }
@media (max-width: 760px) { .vchip { white-space: normal; height: auto; min-height: 22px; padding: 2px 8px; } }