/* Shared native dropdowns: 16px edge inset + 16px icon + 12px text gap.
   List boxes retain their native presentation. Keep native keyboard/menu behavior. */
:root select:not([multiple]):not([size]),
:root select:not([multiple])[size="1"] {
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: 44px !important;
  background-image: url('/assets/select-chevron.svg') !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 16px 16px !important;
}
:root select:not([multiple]):not([size]):dir(rtl),
:root select:not([multiple])[size="1"]:dir(rtl) {
  background-position: left 16px center !important;
}
@media (forced-colors: active) {
  :root select:not([multiple]):not([size]),
  :root select:not([multiple])[size="1"] {
    -webkit-appearance: auto;
    appearance: auto;
    background-image: none !important;
    padding-inline-end: 14px !important;
  }
}