.task-status-badge.task-status-info {
    background-color: #0ea5e9;
    color: #ffffff;
    border: 1px solid #0284c7;
}

.task-status-badge.task-status-info:hover {
    background-color: #0284c7;
    border-color: #0369a1;
}

.task-status-badge.task-status-todo {
    background-color: #f59e0b;
    color: #ffffff;
    border: 1px solid #d97706;
}

.task-status-badge.task-status-todo:hover {
    background-color: #d97706;
    border-color: #b45309;
}

.task-status-badge.task-status-done {
    background-color: #10b981;
    color: #ffffff;
    border: 1px solid #059669;
}

.task-status-badge.task-status-done:hover {
    background-color: #059669;
    border-color: #047857;
}

.task-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.task-status-badge i {
    font-size: 0.875rem;
}