/* Dropdowns — brandbook rule for every <select> in the ADMIN CONSOLE only. The
   patient pages (intake, setup, signing) deliberately keep their own styling.
   No browser styling; one downward chevron (line art, 1.6px stroke, #4D586D, 10px
   from the right edge); 40px high like the inputs and buttons beside it; padding
   8/32/8/12; 7px corners; 15px DM Sans. Loaded AFTER the admin page's own styles.
   Fixed widths (a dropdown otherwise grows to its longest option, e.g. a long
   dentist name): .sel-day 72px, .sel-month 96px, .sel-year 96px; any other
   dropdown (Dentist, Status, Role) 160px, a long chosen name is cut off when
   closed and shown in full in the open list. */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  height: 40px;
  min-height: 40px;
  width: 160px;
  min-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 8px 32px 8px 12px;
  border: 1px solid var(--border, rgba(24,32,48,.13));
  border-radius: 7px;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: var(--ink, #182030);
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%234D586D' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 8px;
  cursor: pointer;
}
select::-ms-expand { display: none; }
select.sel-day   { width: 72px; min-width: 72px; }
select.sel-month { width: 96px; min-width: 96px; }
select.sel-year  { width: 96px; min-width: 96px; }