/* Status Select Styling - Uses CSS variables from app.css */
/* Higher specificity to override Bootstrap's .form-select */

select.form-select.status-draft,
.form-select.status-draft {
    background-color: var(--status-draft) !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

/* white, not #000: --status-available is a solid dark green (white 6.26:1,
   black 3.36:1) since the light 52%-alpha green was replaced. */
select.form-select.status-available,
.form-select.status-available {
    background-color: var(--status-available) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-partial,
.form-select.status-partial {
    background-color: var(--status-partial) !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-pending,
.form-select.status-pending {
    background-color: var(--status-pending) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-confirmed,
.form-select.status-confirmed {
    background-color: var(--status-confirmed) !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-in-progress,
.form-select.status-in-progress {
    background-color: var(--status-in-progress) !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-completed,
.form-select.status-completed {
    background-color: var(--status-completed) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-cancelled,
.form-select.status-cancelled {
    background-color: var(--status-cancelled) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}

select.form-select.status-unavailable,
.form-select.status-unavailable {
    background-color: var(--status-unavailable) !important;
    color: #fff !important;
    font-weight: 500;
    font-size: 0.875rem !important;
}