/* DROPDOWNS (28-09) — a plain file on purpose: Tailwind's CSS compiler drops base-select / ::picker().
   the open list rounded like the rest of the OS. Chrome/Edge 135+ style the native
   picker with appearance: base-select; older engines (and the desktop app until Electron ≥ 36) keep the native list. */
@supports (appearance: base-select) {
  select { appearance: base-select; align-items: center; }
  select::picker-icon { align-self: center; }
  select::picker(select) {
    appearance: base-select;
    border: 1px solid rgba(12, 26, 46, 0.1);
    border-radius: 14px;
    padding: 5px;
    margin-top: 4px;
    background: #fff;
    box-shadow: 0 18px 48px -18px rgba(12, 26, 46, 0.35), 0 2px 6px rgba(12, 26, 46, 0.06);
    max-height: 340px;
  }
  select option {
    border-radius: 9px;
    padding: 7px 12px;
    font-size: 13.5px;
    color: #0c1a2e;
    cursor: pointer;
  }
  select option:hover, select option:focus-visible { background: #F1F4F8; outline: none; }
  select option:checked { background: #FCEBDD; color: #CE580E; font-weight: 600; }
  select option::checkmark { display: none; }
  select::picker-icon { color: currentColor; opacity: .55; transition: transform .15s; }
  select:open::picker-icon { transform: rotate(180deg); }
  :is([data-theme="dark-blue"], [data-theme="dark"]) select::picker(select) { background: var(--dash-card); border-color: var(--dash-border); }
  :is([data-theme="dark-blue"], [data-theme="dark"]) select option { color: var(--dash-text); }
  :is([data-theme="dark-blue"], [data-theme="dark"]) select option:hover { background: rgba(255,255,255,.06); }
}