/* A shared arrow inset for single-select controls across public and admin pages.
   Date inputs in the common forms use 12px of right padding as well. */
:root{--select-arrow-inset:12px;--select-arrow-size:14px}
:is(html,body) select:not([multiple]):is(:not([size]),[size="1"]){
 appearance:none!important;
 -webkit-appearance:none!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='m2 5 5 5 5-5' fill='none' stroke='%2378838e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;
 background-position:right var(--select-arrow-inset) center!important;
 background-size:var(--select-arrow-size) var(--select-arrow-size)!important;
 padding-right:38px!important;
}
@media(forced-colors:active){
 :is(html,body) select:not([multiple]):is(:not([size]),[size="1"]){
  appearance:auto!important;
  -webkit-appearance:auto!important;
  background-image:none!important;
 }
}