/*
 * Keep native select menus readable independently of the surrounding theme.
 * The browser paints native option popups using the platform color scheme,
 * so pair an explicit light scheme with opaque light surfaces and dark text.
 */
html body select {
    color-scheme: light !important;
    color: #19342e !important;
    background-color: #fff !important;
}

html body select option,
html body select optgroup {
    color-scheme: light !important;
    color: #19342e !important;
    background-color: #fff !important;
}

html body select option:checked {
    color: #173b34 !important;
    background-color: #dceee8 !important;
}

html body select option:disabled {
    color: #53645e !important;
    background-color: #fff !important;
}

html body select option:hover {
    color: #173b34 !important;
    background-color: #e8f3ef !important;
}

/* Hub styles previously supplied dark option surfaces; retain this rule at
   higher specificity while leaving inputs and custom autocomplete untouched. */
html body .hub-main select,
html body .hub-main select option,
html body .hub-main select optgroup,
html body .hub-main select option:checked,
html body .hub-main select option:disabled,
html body .hub-main select option:hover {
    color-scheme: light !important;
}

html body .hub-main select {
    color: #19342e !important;
    background-color: #fff !important;
}

html body .hub-main select option,
html body .hub-main select optgroup {
    color: #19342e !important;
    background-color: #fff !important;
}

html body .hub-main select option:checked {
    color: #173b34 !important;
    background-color: #dceee8 !important;
}

html body .hub-main select option:disabled {
    color: #53645e !important;
    background-color: #fff !important;
}

html body .hub-main select option:hover {
    color: #173b34 !important;
    background-color: #e8f3ef !important;
}