/* Shared single-select spacing across KKAT pages and standalone dashboards. */
:root select:not([multiple]):not([size]),
:root select[size="1"]:not([multiple]) {
  --select-inset: 14px;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding-left: var(--select-inset) !important;
  padding-right: calc(var(--select-inset) + 26px) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m1 5 7 7 7-7' fill='none' stroke='%23424c35' 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: 11.2px 11.2px !important;
}
@media (forced-colors: active) {
  :root select:not([multiple]):not([size]), :root select[size="1"]:not([multiple]) {
    appearance: auto !important;
    -webkit-appearance: auto !important;
    background-image: none !important;
  }
}