/**
 * Badge Color Fixes - Light Background with Appropriate Text Colors
 * This overrides Tabler's default dark badge styling
 * Date: 2025-11-10
 */

/* Override all badge colors to use light backgrounds with dark/colored text */

/* Primary Badge - Light Blue Background */
.badge.bg-primary {
    background-color: #e3f2fd !important;
    color: #1976d2 !important;
}

/* Secondary Badge - Light Gray Background */
.badge.bg-secondary {
    background-color: #f5f5f5 !important;
    color: #616161 !important;
}

/* Success Badge - Light Green Background */
.badge.bg-success {
    background-color: #e8f5e9 !important;
    color: #2e7d32 !important;
}

/* Danger Badge - Light Red Background */
.badge.bg-danger {
    background-color: #ffebee !important;
    color: #c62828 !important;
}

/* Warning Badge - Light Orange Background */
.badge.bg-warning {
    background-color: #fff3e0 !important;
    color: #ef6c00 !important;
}

/* Info Badge - Light Cyan Background */
.badge.bg-info {
    background-color: #e0f7fa !important;
    color: #00838f !important;
}

/* Light Badge - Very Light Gray Background */
.badge.bg-light {
    background-color: #fafafa !important;
    color: #424242 !important;
}

/* Dark Badge - Light Background (inverted) */
.badge.bg-dark {
    background-color: #f5f5f5 !important;
    color: #212121 !important;
}

/* Additional color variants */

/* Teal Badge */
.badge.bg-teal {
    background-color: #e0f2f1 !important;
    color: #00695c !important;
}

/* Purple Badge */
.badge.bg-purple {
    background-color: #f3e5f5 !important;
    color: #6a1b9a !important;
}

/* Pink Badge */
.badge.bg-pink {
    background-color: #fce4ec !important;
    color: #c2185b !important;
}

/* Indigo Badge */
.badge.bg-indigo {
    background-color: #e8eaf6 !important;
    color: #3949ab !important;
}

/* Orange Badge */
.badge.bg-orange {
    background-color: #fff3e0 !important;
    color: #e65100 !important;
}

/* Yellow Badge */
.badge.bg-yellow {
    background-color: #fffde7 !important;
    color: #f57f17 !important;
}

/* Lime Badge */
.badge.bg-lime {
    background-color: #f9fbe7 !important;
    color: #827717 !important;
}

/* Cyan Badge */
.badge.bg-cyan {
    background-color: #e0f7fa !important;
    color: #00838f !important;
}

/* Ensure badges remain readable in all contexts */
.badge {
    font-weight: 600 !important;
    padding: 0.35em 0.65em !important;
    border-radius: 0.25rem !important;
}

/* Status-specific badges (used in tables) */
.badge.badge-active,
.badge.status-active {
    background-color: #e8f5e9 !important;
    color: #2e7d32 !important;
}

.badge.badge-inactive,
.badge.status-inactive {
    background-color: #ffebee !important;
    color: #c62828 !important;
}

.badge.badge-pending,
.badge.status-pending {
    background-color: #fff3e0 !important;
    color: #ef6c00 !important;
}

/* Outline badges (optional alternative) */
.badge.badge-outline-primary {
    background-color: transparent !important;
    color: #1976d2 !important;
    border: 1px solid #1976d2 !important;
}

.badge.badge-outline-success {
    background-color: transparent !important;
    color: #2e7d32 !important;
    border: 1px solid #2e7d32 !important;
}

.badge.badge-outline-danger {
    background-color: transparent !important;
    color: #c62828 !important;
    border: 1px solid #c62828 !important;
}

.badge.badge-outline-warning {
    background-color: transparent !important;
    color: #ef6c00 !important;
    border: 1px solid #ef6c00 !important;
}

.badge.badge-outline-info {
    background-color: transparent !important;
    color: #00838f !important;
    border: 1px solid #00838f !important;
}