/* Application progress selectors only.  These classes deliberately outrank
   the pages' generic select rules, including their dark-mode variants. */
.status-select {
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.status-select.status-untracked {
    background-color: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #475569 !important;
}

.status-select.status-considering {
    background-color: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    color: #334155 !important;
}

.status-select.status-applied {
    background-color: #dbeafe !important;
    border-color: #60a5fa !important;
    color: #1e40af !important;
}

.status-select.status-accepted {
    background-color: #bbf7d0 !important;
    border-color: #4ade80 !important;
    color: #14532d !important;
}

.status-select.status-rejected {
    background-color: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #991b1b !important;
}

html.dark-mode .status-select.status-untracked {
    background-color: #0b1425 !important;
    border-color: #334968 !important;
    color: #dbeafe !important;
}

html.dark-mode .status-select.status-considering {
    background-color: #1e293b !important;
    border-color: #64748b !important;
    color: #cbd5e1 !important;
}

html.dark-mode .status-select.status-applied {
    background-color: #172554 !important;
    border-color: #3b82f6 !important;
    color: #bfdbfe !important;
}

html.dark-mode .status-select.status-accepted {
    background-color: #14532d !important;
    border-color: #4ade80 !important;
    color: #dcfce7 !important;
}

html.dark-mode .status-select.status-rejected {
    background-color: #451a1f !important;
    border-color: #fb7185 !important;
    color: #fecdd3 !important;
}