.vehicle-lookup { margin: .75rem 0; }
.vehicle-lookup > label { margin-bottom: .25rem; }
.vin-input-row { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.vin-input-row input { flex: 1 1 14rem; min-width: 0; margin: 0; }
.vin-input-row button { flex: 0 1 auto; }
#vehicleVinStatus:empty { display: none; }
#vehicleVinSummary { font-size: .95rem; margin: .5rem 0; }
#vehicleVinSummary p { margin: .25rem 0; overflow-wrap: anywhere; }
#vehicleVinSummary[hidden] { display: none !important; }
.vehicle-confirmation { width: min(34rem,calc(100% - 2rem)); max-height: calc(100% - 2rem); overflow-y: auto; padding: 1.25rem; border: 1px solid var(--border); border-radius: .75rem; background: var(--card); color: var(--text); }
.vehicle-confirmation::backdrop { background: rgba(0,0,0,.35); }
.vehicle-confirmation h2 { margin-top: 0; }
.vehicle-confirmation p { overflow-wrap: anywhere; }
.vin-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.vin-actions button { flex: 1 1 10rem; margin: 0; white-space: normal; }
.vehicle-confirmation .vin-fact { display: flex; align-items: center; gap: .5rem; font-weight: normal; overflow-wrap: anywhere; }
.vehicle-confirmation .vin-fact input { flex: 0 0 auto; width: auto; margin: 0; }
.vin-entry-link { width: auto; margin: 0; padding: .25rem 0; background: transparent; color: var(--text); text-decoration: underline; font-size: .9rem; }
label.vin-confirmed-collapsed, .gov-required-reason[hidden] { display: none !important; }
.vin-footnote { font-size: .9rem; overflow-wrap: anywhere; }

#modeTitle[hidden], #vehicleVinDone[hidden] { display: none !important; }
#vehicleVinDone { margin-left: .75rem; }