/* Unified Badge System - Muted, Neutral Colors */

/* Status Badges */
.badge-status-success {
    background-color: rgba(25, 135, 84, 0.15);
    color: #198754;
    border: 1px solid rgba(25, 135, 84, 0.3);
    font-weight: 500;
}

.badge-status-danger {
    background-color: rgba(220, 53, 69, 0.15);
    color: #dc3545;
    border: 1px solid rgba(220, 53, 69, 0.3);
    font-weight: 500;
}

.badge-status-warning {
    background-color: rgba(255, 193, 7, 0.15);
    color: #ffc107;
    border: 1px solid rgba(255, 193, 7, 0.3);
    font-weight: 500;
}

.badge-status-secondary {
    background-color: rgba(108, 117, 125, 0.15);
    color: #6c757d;
    border: 1px solid rgba(108, 117, 125, 0.3);
    font-weight: 500;
}

.badge-status-info {
    background-color: rgba(13, 202, 240, 0.15);
    color: #0dcaf0;
    border: 1px solid rgba(13, 202, 240, 0.3);
    font-weight: 500;
}

/* Hover states for interactive badges */
a .badge-status-success:hover,
.badge-status-success.clickable:hover {
    background-color: rgba(25, 135, 84, 0.25);
    border-color: rgba(25, 135, 84, 0.5);
}

a .badge-status-danger:hover,
.badge-status-danger.clickable:hover {
    background-color: rgba(220, 53, 69, 0.25);
    border-color: rgba(220, 53, 69, 0.5);
}

a .badge-status-warning:hover,
.badge-status-warning.clickable:hover {
    background-color: rgba(255, 193, 7, 0.25);
    border-color: rgba(255, 193, 7, 0.5);
}