/* The shared vehicle picker (js/lib/vehicle-fields.js, EAS-637).
   Field boxes come from the host page's .gs-field / .gs-grid; this file owns
   only what the picker adds: the required star, the "Detected:" line and the
   size-mismatch prompt — the same treatment booking-details.html gives them. */
.vf-field-model { grid-column: 1 / -1; }
.vf-req { color: var(--gold, #d4a017); margin-left: 4px; }
.vf-detect { font-size: 11px; color: var(--gold, #d4a017); margin-top: 4px; }
.vf-mismatch {
  margin-top: 8px;
  padding: 9px 11px;
  border: 1px solid rgba(212, 160, 23, .4);
  background: rgba(212, 160, 23, .08);
  border-radius: 8px;
  font-size: 12.5px;
  color: #f0d488;
  line-height: 1.45;
}
.vf-mismatch-text { margin-bottom: 8px; }
.vf-btn {
  border-radius: 6px;
  padding: 6px 11px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  min-height: 32px;
}
.vf-btn-use { background: var(--gold, #d4a017); color: #0a0a0a; border: none; font-weight: 700; margin-right: 7px; }
.vf-btn-keep { background: transparent; color: #f0d488; border: 1px solid rgba(212, 160, 23, .5); }
.vf-btn:focus-visible { outline: 2px solid var(--gold, #d4a017); outline-offset: 2px; }
.vf [hidden] { display: none !important; }