/* Only dropdown fields adopt the combined-bill preview's styling. */
html body select:not([multiple]):not([size]),
html body select[size="1"]:not([multiple]) {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #d8e1ea;
  border-radius: 6px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%236b7b8b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px 14px;
  color: #173047;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  padding: 9px 36px 9px 11px;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}
html body select:not([multiple]):not([size]):hover:not(:disabled),
html body select[size="1"]:not([multiple]):hover:not(:disabled) {
  border-color: #a6b8c8;
}
html body select:not([multiple]):not([size]):focus,
html body select[size="1"]:not([multiple]):focus {
  border-color: #d5ac54;
  background-color: #fff;
  box-shadow: none;
}
html body select:not([multiple]):not([size]):focus-visible,
html body select[size="1"]:not([multiple]):focus-visible {
  outline: 3px solid #d5ac5499;
  outline-offset: 3px;
}
html body select:not([multiple]):not([size]):disabled,
html body select[size="1"]:not([multiple]):disabled {
  color: #8593a0;
  background-color: #f3f6fa;
  cursor: default;
  opacity: .65;
}
html body select:not([multiple]):not([size]):dir(rtl),
html body select[size="1"]:not([multiple]):dir(rtl) {
  background-position: left 12px center;
  padding-left: 36px;
  padding-right: 11px;
}
select option, select optgroup {
  color: #173047;
  background-color: #fff;
}
select option:checked { color: #102b48; background-color: #edf2f7; }
select option:hover:not(:disabled), select option:checked:hover:not(:disabled) {
  color: #fff;
  background-color: #2f6fb0;
}
@media (forced-colors: active) {
  html body select:not([multiple]):not([size]),
  html body select[size="1"]:not([multiple]) { appearance: auto; background-image: none; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { select { transition: none !important; } }