/* Keep the dropdown chevron inset equal to the label's left padding.
   Native selection, keyboard controls and disabled states remain intact. */
select:not([multiple]):not([size]):not([hidden]):not([aria-hidden="true"]) {
  --select-inset: 12px;
  appearance: none;
  -webkit-appearance: none;
  padding-left: var(--select-inset) !important;
  padding-right: calc(var(--select-inset) + 24px) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m1 4 5 5 5-5' fill='none' stroke='%2377777d' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right var(--select-inset) center !important;
  background-size: 12px 12px !important;
}
.scheduled-select-trigger { padding-right: 12px; }
@media (forced-colors: active) {
  select:not([multiple]):not([size]):not([hidden]):not([aria-hidden="true"]) {
    appearance: auto;
    background-image: none !important;
  }
}