/* Shared form controls. Drop-downs (native select, and the type-to-filter input): our own chevron with room on both sides. The browser's
   arrow sits hard against the border and can't be moved, so it is replaced. */
select:not([multiple]), input.combo {
  -webkit-appearance: none; appearance: none; background-repeat: no-repeat; background-size: 16px 16px;
  background-position: right 16px center; padding-inline-end: 48px; text-overflow: ellipsis;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2389867F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");
}
[dir="rtl"] select:not([multiple]), [dir="rtl"] input.combo { background-position: left 16px center; }
input.combo::-webkit-calendar-picker-indicator { opacity: 0; width: 40px; margin-inline-end: -40px; cursor: pointer; }