/* ============================================
   FORM INPUTS — theme-aware select / option styling
   ----------------------------------------------------------------------------
   Native <select> option lists cannot be styled much, but the control itself
   and (on most engines) the option rows follow these. Values come from the
   central tokens in theme-v2.css, so this works in BOTH light and dark.
   Filename kept ("...dark-theme") only to avoid csproj / _LayoutV2 churn.
   ============================================ */

select.form-input,
select {
    background: var(--color-input-bg) !important;
    color: var(--color-input-text) !important;
    cursor: pointer;
}

select.form-input option,
select option {
    background: var(--color-input-bg) !important;
    color: var(--color-input-text) !important;
    padding: 8px 12px;
}

/* Hover and selected states */
select.form-input option:hover,
select.form-input option:focus,
select.form-input option:checked,
select option:hover,
select option:focus,
select option:checked {
    background: var(--color-primary) !important;
    color: var(--color-text-inverse) !important;
}

select.form-input:disabled,
select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Month and Year dropdowns in jQuery UI datepicker */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    background: var(--color-input-bg) !important;
    border: 1px solid var(--color-input-border) !important;
    color: var(--color-input-text) !important;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {
    background: var(--color-input-bg) !important;
    color: var(--color-input-text) !important;
    padding: 4px 8px;
}

.ui-datepicker select.ui-datepicker-month:focus,
.ui-datepicker select.ui-datepicker-year:focus {
    outline: none;
    border-color: var(--color-input-focus-border) !important;
    background: rgba(158, 255, 0, 0.05) !important;
}
