/* Dropdown chevron for every single-value <select>.
   Several page styles set the `background` shorthand on selects (e.g.
   `.main-content .form-select{background:var(--input-bg)}`, DataTables length
   menus), which wipes Bootstrap's arrow image. Loaded last in ascencia_v2_head()
   so the arrow is restored everywhere, in light and dark theme. */
.main-content select:not([multiple]):not([size]),
.modal select:not([multiple]):not([size]){
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23667085' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat:no-repeat !important;
  background-position:right .65rem center !important;
  background-size:12px 12px !important;
  padding-right:2rem !important;
}
body.dark-theme .main-content select:not([multiple]):not([size]),
body.dark-theme .modal select:not([multiple]):not([size]){
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2393a0b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}