/*
 * Dropdown lists on dark pages.
 *
 * The browser draws the open list itself, and its highlight bar used the
 * system colour, which left white text on a near-white bar. These rules give
 * the list a dark background and a clear highlight everywhere it is used.
 * Chrome ignores background-color on the highlighted option, so the inset
 * shadow does the work instead.
 */
select,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"] { color-scheme: dark; }

select option,
select optgroup {
    background-color: #12151f;
    color: #eef2ff;
}

/* Pages carry their own option colours, so the highlight has to win. */
select option:checked,
select option:hover,
select option:focus {
    color: #04231f !important;
    background-color: #0FE8D3 !important;
    box-shadow: 0 0 10px 100px #0FE8D3 inset !important;
    font-weight: 600;
}

select option:disabled {
    color: #8b92b3;
    box-shadow: none;
}