.field.vehicle-search-field { background: #292c2a; border-color: #515953; }
.vehicle-search-control { display: flex; align-items: center; gap: 8px; min-width: 0; }
.field .vehicle-search-control input { flex: 1 1 auto; min-width: 0; min-height: 44px; font-size: 1rem; line-height: 1.45; }
.field .vehicle-search-control input:focus-visible { outline: none; }
.vehicle-search-control input::placeholder { color: #aeb9b1; opacity: 1; }
.vehicle-search-control input:disabled { color: #aeb9b1; opacity: .7; }
.vehicle-search-toggle { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; border-radius: 8px; }
.vehicle-search-toggle:hover { background: #3b433e; }
.vehicle-search-toggle svg { width: 18px; height: 18px; fill: none; stroke: #bec7c1; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vehicle-search-hint { color: #aeb9b1; font-size: .75rem; line-height: 1.5; margin: -3px 0 20px; }
.vehicle-suggestions { position: fixed; z-index: 1500; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; background: #292e2b; color: #f6f8f6; border: 1px solid #64736a; border-radius: 12px; box-shadow: 0 14px 35px #0008; padding: 4px; }
.vehicle-suggestion { cursor: pointer; padding: 13px 14px; min-height: 48px; font-size: 1rem; line-height: 1.4; border-radius: 8px; overflow-wrap: anywhere; touch-action: pan-y; }
.vehicle-suggestion:hover, .vehicle-suggestion[aria-selected="true"] { background: #354a3c; color: #8dffb3; }
.vehicle-no-matches { padding: 12px 14px; color: #c0cbc4; font-size: .8125rem; line-height: 1.5; }
.field.vehicle-search-field:focus-within { border-color: #39e779; }