/* CarDir · UX-003 — поисковый VehiclePicker. Надстройка поверх нативных <select> формы [data-vpicker].
   Без JS (нет класса .vp-on) стили не применяются — видны обычные select (прогрессивное улучшение). */

/* нативные select прячем только когда combobox построен */
.vp-on select[data-level]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}

.vp-cb{position:relative}
.vp-in{width:100%}
.vp-in::placeholder{color:var(--ink3);opacity:1}
.vp-in:disabled{opacity:.6;cursor:not-allowed}

/* выпадающий список: берём готовый вид .sg из site.css, корректируем под поле */
.vp-list{min-width:0}
.vp-list li[role=option]{flex-direction:column;align-items:stretch;gap:2px}
.vp-list .vp-main{display:flex;align-items:center;gap:8px}
.vp-list .vp-main b{font-weight:600}
.vp-list small{margin:0;white-space:normal;color:var(--ink3);font-size:12.5px}
.vp-list .pill{margin-left:auto}

/* строка быстрого выбора (недавние + гараж), переиспользует вид .pk-g */
.vp-quick .vp-ql{color:var(--ink3);font-weight:600}
.picker.dark .vp-quick .vp-ql{color:var(--hdr-ink2)}

/* статус/предупреждения (aria-live): пусто — не занимает место */
.vp-status{margin:0;font-size:13px;color:var(--ink2)}
.vp-status:not(:empty){margin-top:10px}
.picker.dark .vp-status{color:var(--hdr-ink2)}

/* тёмный пикер на главной: поле как белый select (ср. .picker.dark select в site.css) */
.picker.dark .vp-in{background-color:#fff;color:#121417;border-color:transparent}
.picker.dark .vp-in::placeholder{color:#5a6069}