/* 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;
}

select.form-select.status-available,
.form-select.status-available {
    background-color: var(--status-available) !important;
    color: #000 !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-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;
}