/* ==================================================================
   Native <select> theming (all admin + public pages)

   Chromium/Edge on Windows draw the open option list on the OS surface.
   When a select's background is translucent (most of our dark inputs use
   rgba(255,255,255,.04)) the popup falls back to white while the options
   inherit the select's light text, so the list renders light-grey on white.
   Pin color-scheme per theme and give options an opaque surface + ink.
   ================================================================== */

[data-bs-theme="light"] select { color-scheme: light; }
[data-bs-theme="dark"] select { color-scheme: dark; }

[data-bs-theme="light"] select option,
[data-bs-theme="light"] select optgroup {
    background-color: #FFFFFF;
    color: #0B0F19;
}

[data-bs-theme="dark"] select option,
[data-bs-theme="dark"] select optgroup {
    background-color: #151B28;
    color: #E6E8F2;
}

[data-bs-theme="light"] select option:disabled { color: #9397AD; }
[data-bs-theme="dark"] select option:disabled { color: #6B7190; }

[data-bs-theme="light"] select option:checked { background-color: #E0E7FF; color: #0B0F19; }
[data-bs-theme="dark"] select option:checked { background-color: #2B3045; color: #FFFFFF; }
