/* Shared native select treatment.
   Keep the chevron comfortably inside the control across browsers and devices. */
select:not([multiple]) {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 2.75rem !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23003366' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.95rem center !important;
  background-size: 1rem 1rem !important;
}

select:not([multiple]):disabled {
  background-color: #f3f0e9;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23727B84' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media (max-width: 560px) {
  select:not([multiple]) {
    padding-right: 2.625rem !important;
    background-position: right 0.875rem center !important;
  }
}