/* Desktop native dropdowns: keep each field's colors/focus and inset one consistent arrow. */
@media(min-width:761px){
  body select:not([multiple]):not([size]),
  body select[size="1"]:not([multiple]),
  body select[size="0"]:not([multiple]){
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    padding-right:44px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%23b8cbc7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:right 16px center;
    background-size:14px 14px;
    color-scheme:dark;
  }
  body select option,body select optgroup{background-color:#202625;color:#f3f7f5}
}
@media(min-width:761px) and (forced-colors:active){
  body select:not([multiple]):not([size]),
  body select[size="1"]:not([multiple]),
  body select[size="0"]:not([multiple]){
    -webkit-appearance:auto;
    -moz-appearance:auto;
    appearance:auto;
    background-image:none;
  }
}
