/**
 * Consistent booking/status badges — all panels
 * @see DESIGN_TOKENS.md §12
 */
.sh-status-badge,
.badge.sh-status-confirmed,
.badge.sh-status-success {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
    font-weight: 600;
}

.sh-status-pending,
.badge.sh-status-pending,
.badge.sh-status-warning {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
    font-weight: 600;
}

.sh-status-cancelled,
.badge.sh-status-cancelled,
.badge.sh-status-error,
.badge.sh-status-danger {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
    font-weight: 600;
}

.sh-status-processing,
.badge.sh-status-processing,
.badge.sh-status-info {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #bfdbfe !important;
    font-weight: 600;
}

.sh-status-completed,
.badge.sh-status-completed {
    background: #f0fdfa !important;
    color: #0f766e !important;
    border: 1px solid #99f6e4 !important;
    font-weight: 600;
}

/* Map common Bootstrap badge text to token colors when class is present on parent row */
[data-status="confirmed"] .badge,
[data-status="active"] .badge:not(.bg-secondary) {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
}

[data-status="pending"] .badge {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

[data-status="cancelled"] .badge,
[data-status="canceled"] .badge {
    background: #fef2f2 !important;
    color: #991b1b !important;
    border: 1px solid #fecaca !important;
}