/* Keep the alternate toolbar out of desktop first paint, including Turbo replacements. */
#vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-mobile-header], [data-vehicle-choice-trigger]) { display: none !important; }

#vehicle_modal_form [data-vehicle-choice-sheet]:not([open]) { display: none; }

/* Nonsemantic group boundaries keep the existing desktop layout boxes. */
#vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-group-layout { display: contents; }
#vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-expiration-caption { display: none; }
#vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-header] { display: contents; }
#vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-action] { display: none; }
@media (width >= 1024px) {
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-group="usage"] > .grid { margin-top: 4px; }
}

@media (width < 1024px) {
  #shared-modal-dialog:has(#vehicle_modal_form[data-desktop-vehicle-edit]) > [data-modal-target="scroll"] > div { min-height: 100dvh; padding: 0; align-items: stretch; }
  #shared-modal-dialog:has(#vehicle_modal_form[data-desktop-vehicle-edit]) [data-modal-target="panel"] { width: 100%; max-width: none; margin: 0; overflow: clip; border-radius: 0; box-shadow: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] {
    --vehicle-mobile-background: #f1f3f7;
    --vehicle-mobile-group: #fff;
    --vehicle-mobile-active-row: #f1f5fc;
    --vehicle-mobile-active-shadow: 0 4px 16px rgb(15 23 42 / .08);
    --vehicle-mobile-header: #f8f9fc;
    --vehicle-mobile-ink: #111827;
    --vehicle-mobile-muted: #626d82;
    --vehicle-mobile-separator: #e6e9ef;
    --vehicle-mobile-action: #075bfa;
    --vehicle-mobile-error-text: var(--color-red-700);
    --app-focus-color: var(--vehicle-mobile-action);
    color-scheme: light;
    height: 100dvh;
    max-height: 100dvh;
    overflow: clip;
    color: var(--vehicle-mobile-ink);
    background: var(--vehicle-mobile-background);
  }
  #vehicle_modal_form[data-desktop-vehicle-edit] > form { overflow: clip; }

  .dark #vehicle_modal_form[data-desktop-vehicle-edit] {
    --vehicle-mobile-background: var(--color-gray-800);
    --vehicle-mobile-group: var(--color-gray-700);
    --vehicle-mobile-active-row: color-mix(in srgb, var(--color-gray-700), var(--color-blue-300) 14%);
    --vehicle-mobile-active-shadow: 0 4px 16px rgb(0 0 0 / .2);
    --vehicle-mobile-header: var(--color-gray-700);
    --vehicle-mobile-ink: var(--color-gray-100);
    --vehicle-mobile-muted: var(--color-gray-300);
    --vehicle-mobile-separator: var(--color-gray-600);
    --vehicle-mobile-action: var(--color-blue-300);
    --vehicle-mobile-error-text: var(--color-red-200);
    color-scheme: dark;
  }

  /* CSS chooses the presentation before Stimulus synchronizes hidden and ARIA state. */
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-desktop-header], [role="tablist"], [data-record-modal-footer], .vehicle-edit-mobile-hide, .vehicle-edit-default-description, .vehicle-edit-desktop-description) { display: none !important; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-modal-target="section"] { display: block !important; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-mobile-only { display: block !important; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] {
    display: grid !important;
    flex-shrink: 0;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-height: 64px;
    padding: max(10px, env(safe-area-inset-top)) max(16px, calc((100% - 640px) / 2)) 10px;
    border-bottom: 1px solid var(--vehicle-mobile-separator);
    background: var(--vehicle-mobile-header);
  }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] h3 { margin: 0; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; font-weight: 650; text-align: center; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] button { min-width: 44px; min-height: 44px; padding: 8px 0; border: 0; font-size: 17px; line-height: 24px; font-weight: 400; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-cancel] { justify-self: start; color: var(--vehicle-mobile-action); background-color: transparent; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] [type="submit"] { justify-self: end; min-width: 70px; padding-inline: 16px; border-radius: 999px; color: white; background-color: #075bfa; }
  .dark #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] [type="submit"] { background-color: var(--color-blue-600); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] button:disabled { opacity: .6; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-mobile-header] button:active { filter: brightness(.9); }

  #vehicle_modal_form[data-desktop-vehicle-edit] :is(.vehicle-edit-body, .vehicle-edit-card) { display: contents; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-record-modal-scroll] { flex: 1; min-height: 0; padding: 20px 16px max(28px, env(safe-area-inset-bottom)); scroll-padding-block: 16px; background: var(--vehicle-mobile-background); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-modal-target="section"] { max-width: 640px; margin-inline: auto; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-modal-target="section"] + [data-vehicle-modal-target="section"] { margin-top: 28px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-modal-section-header { display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; flex-wrap: wrap; gap: 8px 12px; margin: 0 0 12px; padding: 0 10px; border: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-modal-heading] { margin: 0; color: var(--vehicle-mobile-ink); font-size: 24px; line-height: 32px; font-weight: 650; letter-spacing: -.5px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-mobile-optional { color: var(--vehicle-mobile-muted); font-size: 14px; line-height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-modal-section-body { display: flex; flex-direction: column; gap: 0; padding: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-modal-section-body > * { margin: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-mobile-flat { display: contents; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-mobile-required { margin: 10px 10px 0; color: var(--vehicle-mobile-muted); font-size: 13px; line-height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-mobile-capitalize { text-transform: capitalize; }

  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] { position: relative; min-width: 0; min-height: 54px; padding: 4px 16px; border: 0; color: var(--vehicle-mobile-ink); background: var(--vehicle-mobile-group); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row]:not(.hidden) { display: flex; align-items: center; flex-wrap: wrap; column-gap: 12px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row]::after { position: absolute; right: 0; bottom: 0; left: 16px; height: 1px; background: var(--vehicle-mobile-separator); content: ""; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] > label { flex: 1.4 1 10rem; min-width: 0; margin: 0; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; font-weight: 400; overflow-wrap: anywhere; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] :is(.vehicle-modal-field, select) { flex: 1 1 7rem; min-width: 0; max-width: 100%; margin: 0; border: 0; border-radius: 0; background-color: transparent; box-shadow: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] :is(input:not([type="hidden"]), select) { min-height: 44px; padding: 10px 0; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] select { padding-right: 0; appearance: auto; background-image: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] select:has(option[value=""]:checked) { color: var(--vehicle-mobile-muted); }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is(input, textarea)::placeholder { color: var(--vehicle-mobile-muted); opacity: 1; }
  /* Focus belongs to the logical group and row, never an enclosing value box. */
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-group-layout { display: block; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-group] { border-radius: 16px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-group]:focus-within { box-shadow: var(--vehicle-mobile-active-shadow); }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row], [data-vehicle-edit-notes]) { position: relative; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row]:focus-within { background-color: var(--vehicle-mobile-active-row); }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row], [data-vehicle-edit-notes]):focus-within::before { position: absolute; top: 15px; left: 6px; height: 24px; border-left: 3px solid var(--vehicle-mobile-action); border-radius: 2px; content: ""; pointer-events: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row]:has([aria-invalid="true"]) > label,
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes]:has([aria-invalid="true"]) [data-vehicle-edit-notes-header] > label,
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row], [data-vehicle-edit-notes]) [data-form-validation-target="error"] { color: var(--vehicle-mobile-error-text); }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row], [data-vehicle-edit-notes]) :is(.vehicle-modal-field, input, textarea, select, [data-vehicle-choice-trigger]) { outline: none; box-shadow: none; border: 0; border-radius: 0; background-color: transparent; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-modal-field { position: relative; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] > p,
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row] [data-form-validation-target="error"] { flex-basis: 100%; margin: 0; padding-block: 0 8px; font-size: 14px; line-height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #new_vehicle_battery_help { color: var(--vehicle-mobile-muted); }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is(input, select, textarea, [data-form-validation-target="error"]) { scroll-margin-block: 16px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-vin > .flex,
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-edit-vin > .flex > .min-w-0 { display: contents; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row="vin"] .vehicle-modal-field { flex-basis: 100%; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #new_vehicle_mileage { padding-right: 28px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #new_vehicle_mileage_unit { right: 0; color: var(--vehicle-mobile-ink); font-size: 17px; }

  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row="vin"], [data-vehicle-edit-row="mileage"], [data-vehicle-edit-row="trim"], [data-vehicle-edit-row="license_plate"]) { border-radius: 16px 16px 0 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row="model"], [data-vehicle-edit-row="fuel_type"], [data-vehicle-edit-row="usable_battery_kwh"], [data-vehicle-edit-row="transmission_type"], [data-vehicle-edit-row="license_plate_state"], [data-vehicle-edit-row="registration_expiration_year"]) { border-radius: 0 0 16px 16px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row="model"], [data-vehicle-edit-row="fuel_type"], [data-vehicle-edit-row="usable_battery_kwh"], [data-vehicle-edit-row="transmission_type"], [data-vehicle-edit-row="license_plate_state"], [data-vehicle-edit-row="registration_expiration_year"])::after { display: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-modal-section-body > [data-vehicle-edit-group="identity"] { margin-bottom: 16px; }
  #vehicle_modal_form[data-desktop-vehicle-edit]:has([data-vehicle-fuel-fields-target="batteryField"]:not(.hidden)) [data-vehicle-edit-row="fuel_type"] { border-radius: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit]:has([data-vehicle-fuel-fields-target="batteryField"]:not(.hidden)) [data-vehicle-edit-row="fuel_type"]::after { display: block; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration .vehicle-modal-section-body > .grid,
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration [data-vehicle-edit-group="expiration"] > .grid { display: block; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration fieldset { min-width: 0; margin-top: 16px; padding: 0; border: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration .vehicle-edit-expiration-caption { display: block; width: 100%; padding: 12px 16px; border-radius: 16px 16px 0 0; border-bottom: 1px solid var(--vehicle-mobile-separator); background: var(--vehicle-mobile-group); color: var(--vehicle-mobile-muted); font-size: 14px; line-height: 20px; font-weight: 500; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration [data-vehicle-edit-group="expiration"] > .grid { clear: both; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration legend { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-panel-registration fieldset > p { margin: 10px 10px 0; color: var(--vehicle-mobile-muted); font-size: 13px; line-height: 20px; }

  #vehicle_modal_form[data-desktop-vehicle-edit] :is(.vehicle-photo-field, [data-vehicle-edit-notes]) { padding: 16px; border-radius: 16px; background: var(--vehicle-mobile-group); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-photo-label] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-dropzone,
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-dropzone[data-selected="true"] { grid-template-columns: 112px minmax(0, 1fr); gap: 12px 16px; min-height: 0; margin: 0; padding: 0; border: 0; background: transparent; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-dropzone:not([data-selected="true"]) { grid-template-columns: auto minmax(0, 1fr); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-selected="true"] > .vehicle-photo-preview { grid-row: 1; width: 112px; height: 80px; border-radius: 7px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-details { align-self: center; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-photo-field-target="filename"] { display: block; overflow-wrap: anywhere; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; font-weight: 400; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-photo-field-target="filename"].hidden { display: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-metadata { color: var(--vehicle-mobile-muted); font-size: 14px; line-height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-drop-hint { display: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-actions { grid-column: 1 / -1; display: flex; gap: 0; width: 100%; margin-top: 4px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-picker { flex: 1; min-width: 0; min-height: 44px; padding: 8px 4px; gap: 8px; border: 0; border-radius: 0; color: var(--vehicle-mobile-action); background-color: transparent; font-size: 16px; line-height: 22px; font-weight: 400; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-picker svg { width: 18px; height: 18px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-actions:has([data-photo-field-target="removeButton"]:not(.hidden)) .vehicle-photo-picker { border-right: 1px solid var(--vehicle-mobile-separator); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-photo-field-target="removeButton"] { flex: 1; min-width: 0; min-height: 44px; padding: 8px 4px; font-size: 16px; line-height: 22px; font-weight: 400; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-field:has([data-photo-field-target="removeFlag"][value="1"]) [data-photo-field-target="removeButton"] { color: var(--vehicle-mobile-action); background-color: transparent; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #new_vehicle_photo_help { margin: 10px 0 0; color: var(--vehicle-mobile-muted); font-size: 13px; line-height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] .vehicle-photo-field:has([data-dragging="true"]) { outline: 2px solid var(--vehicle-mobile-action); outline-offset: -2px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes] { margin-top: 16px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-header] > label { flex: 1; min-width: 0; margin: 0; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; font-weight: 400; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-header] { display: flex; align-items: center; gap: 8px; margin: -16px -16px -10px; padding: 16px 16px 10px; border-radius: 16px 16px 0 0; font-size: 17px; line-height: 24px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes]:focus-within [data-vehicle-edit-notes-header] { background-color: var(--vehicle-mobile-active-row); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes]:focus-within::before { z-index: 1; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-action]:not([hidden]) { display: inline-flex; flex: none; z-index: 1; align-items: center; justify-content: flex-end; width: 4.5em; min-width: 44px; min-height: 44px; margin: -10px 0; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--vehicle-mobile-action); font-size: 17px; line-height: 24px; font-weight: 400; white-space: nowrap; cursor: pointer; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-action]:focus-visible { outline: 2px solid var(--vehicle-mobile-action); outline-offset: 2px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes-action]:active { color: var(--vehicle-mobile-ink); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes] .vehicle-modal-field { margin-top: 10px; border: 0; border-radius: 0; background: transparent; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes] .vehicle-modal-field:focus-within { box-shadow: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-notes] textarea { min-height: 100px; padding: 12px 0; resize: none; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; }
  /* Native selects remain the fallback until all seven enhanced controls are ready. */
  #vehicle_modal_form[data-desktop-vehicle-edit][data-vehicle-choice-ready] [data-vehicle-choice-native] { display: none !important; }
  #vehicle_modal_form[data-desktop-vehicle-edit][data-vehicle-choice-ready] [data-vehicle-choice-trigger] { display: flex !important; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-trigger] { flex: 1 1 7rem; align-items: center; gap: 12px; min-width: 0; min-height: 44px; margin: 0; padding: 0; background: transparent; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; text-align: left; cursor: pointer; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-trigger]::before { position: absolute; inset: 0; border-radius: inherit; content: ""; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-value] { position: relative; flex: 1; min-width: 0; min-height: 44px; padding: 10px 0; overflow-wrap: anywhere; pointer-events: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-trigger][data-empty] [data-vehicle-choice-value] { color: var(--vehicle-mobile-muted); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-disclosure] { width: 8px; height: 8px; margin-inline: 0 4px; flex-shrink: 0; border-top: 1.5px solid var(--vehicle-mobile-muted); border-right: 1.5px solid var(--vehicle-mobile-muted); transform: rotate(45deg); pointer-events: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-edit-row]:has([data-vehicle-choice-trigger]:active) { background-color: color-mix(in srgb, var(--vehicle-mobile-group), var(--vehicle-mobile-ink) 5%); }
  #vehicle_modal_form[data-desktop-vehicle-edit] :is(.vehicle-photo-picker, [data-photo-field-target="removeButton"]):active { background-color: var(--vehicle-mobile-background); }

  /* A native modal dialog owns focus and modality; its only visible surface is bottom-anchored. */
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet] { position: fixed; inset: auto; top: var(--vehicle-choice-top, 0px); left: var(--vehicle-choice-left, 0px); width: var(--vehicle-choice-width, 100vw); height: var(--vehicle-choice-height, 100dvh); max-width: none; max-height: none; margin: 0; padding: 0; border: 0; outline: 0; overflow: clip; background: transparent; color: var(--vehicle-mobile-ink); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet][open] { display: flex; align-items: flex-end; justify-content: center; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet]::backdrop { background: rgb(0 0 0 / .32); opacity: var(--vehicle-choice-scrim-opacity, 1); transition: opacity 240ms ease; }
  .dark #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet]::backdrop { background: rgb(0 0 0 / .5); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-surface] { display: flex; flex-direction: column; width: 100%; max-width: 640px; max-height: 80%; min-height: 0; padding-bottom: env(safe-area-inset-bottom); overflow: auto; overscroll-behavior: contain; border-radius: 26px 26px 0 0; background: var(--vehicle-mobile-group); box-shadow: 0 -8px 32px rgb(0 0 0 / .12); transform: translateY(var(--vehicle-choice-drag-y, 0px)); transition: transform 240ms cubic-bezier(.2,.7,.2,1); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet][data-searchable="true"] [data-vehicle-choice-surface] { height: 86%; max-height: 86%; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet]:is([data-state="opening"], [data-state="closing"]) [data-vehicle-choice-surface] { transform: translateY(100%); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet]:is([data-state="opening"], [data-state="closing"])::backdrop { opacity: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-header] { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-shrink: 0; padding: 12px 16px 8px 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-drag-handle] { touch-action: none; user-select: none; cursor: grab; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-grabber] { position: absolute; top: 5px; left: calc(50% - 18px); width: 36px; height: 4px; border-radius: 2px; background: var(--vehicle-mobile-muted); opacity: .45; pointer-events: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet][data-dragging] [data-vehicle-choice-surface],
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet][data-dragging]::backdrop { transition: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet][data-dragging] [data-vehicle-choice-drag-handle] { cursor: grabbing; }
  #vehicle_modal_form[data-desktop-vehicle-edit] #vehicle-choice-title { margin: 0; padding-block: 4px; font-size: 20px; line-height: 28px; font-weight: 650; outline: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-close] { display: flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 8px; border: 0; border-radius: 50%; background: var(--vehicle-mobile-background); color: var(--vehicle-mobile-muted); font-size: 24px; line-height: 24px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-close]:focus { outline: 2px solid var(--vehicle-mobile-action); outline-offset: 2px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-container] { position: relative; flex-shrink: 0; padding: 0 20px 8px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-container] > label { display: block; margin-bottom: 6px; color: var(--vehicle-mobile-muted); font-size: 14px; line-height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search] { width: 100%; min-height: 48px; padding: 10px 52px 12px 12px; border: 0; border-radius: 10px; outline: 0; box-shadow: none; background: var(--vehicle-mobile-background); color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-field] { position: relative; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-field]:has(input:focus)::before { position: absolute; top: calc(50% - 12px); left: 4px; z-index: 1; height: 24px; border-left: 3px solid var(--vehicle-mobile-action); content: ""; pointer-events: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit][data-vehicle-choice-ready] [data-vehicle-choice-search]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; display: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear] { position: absolute; top: 50%; right: 2px; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; transform: translateY(-50%); background: transparent; color: var(--color-gray-500); cursor: pointer; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear] svg { width: 20px; height: 20px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear]:active { background: var(--vehicle-mobile-separator); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear]:focus-visible { outline: 2px solid var(--vehicle-mobile-action); outline-offset: -2px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-clear] { min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: var(--vehicle-mobile-action); font-size: 17px; line-height: 24px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-clear]:focus { outline: 0; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list] { flex: 0 1 auto; min-height: 52px; overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; outline: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list][tabindex="-1"] { min-height: 0; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list] [role="option"] { display: flex; position: relative; align-items: center; gap: 16px; min-height: 52px; padding: 14px 20px; color: var(--vehicle-mobile-ink); font-size: 17px; line-height: 24px; cursor: pointer; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet] [hidden] { display: none !important; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list] [role="option"]::after { position: absolute; right: 20px; bottom: 0; left: 20px; border-bottom: 1px solid var(--vehicle-mobile-separator); content: ""; pointer-events: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list] [role="option"]:last-child::after { display: none; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-label] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-check] { flex-shrink: 0; width: 20px; color: var(--vehicle-mobile-action); font-weight: 650; text-align: center; visibility: hidden; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [aria-selected="true"] > [data-vehicle-choice-check] { visibility: visible; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list] [aria-disabled="true"] { opacity: .5; cursor: default; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list] [role="option"]:not([aria-disabled="true"]):active,
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list]:focus [data-active] { background: var(--vehicle-mobile-background); }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-list]:focus [data-active]::before { position: absolute; top: 12px; bottom: 12px; left: 6px; border-left: 2px solid var(--vehicle-mobile-action); content: ""; }
  #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-empty] { margin: 0; padding: 20px; color: var(--vehicle-mobile-muted); font-size: 17px; line-height: 24px; }

  @media (prefers-reduced-motion: reduce) {
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-surface],
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet]::backdrop { transition: none; }
  }
  @media (forced-colors: active) {
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear] { color: ButtonText; }
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear] svg { forced-color-adjust: none; }
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear] circle { fill: CanvasText; }
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-search-clear] path { stroke: Canvas; }
    #vehicle_modal_form[data-desktop-vehicle-edit] { --vehicle-mobile-action: Highlight; --vehicle-mobile-error-text: CanvasText; }
    #vehicle_modal_form[data-desktop-vehicle-edit] :is([data-vehicle-edit-row], [data-vehicle-edit-notes]):focus-within::before { border-color: Highlight; forced-color-adjust: none; }
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-sheet]::backdrop { background: CanvasText; opacity: calc(.35 * var(--vehicle-choice-scrim-opacity, 1)); }
    #vehicle_modal_form[data-desktop-vehicle-edit] [data-vehicle-choice-surface] { border-top: 1px solid CanvasText; }
  }
}