/*
 * ERP BADGES COMPONENT
 * Phase C5-B Shared Component Token Standardization
 * 100% Bootstrap CSS Variable Independent
 */

.badge,
.erp-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--erp-badge-padding, 2px 8px);
    font-size: var(--erp-badge-font-size, 11px);
    font-weight: var(--erp-badge-font-weight, 600);
    line-height: 1.2;
    letter-spacing: var(--erp-letter-spacing-wide, 0.02em);
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: var(--erp-badge-radius, 9999px);
    box-sizing: border-box;
}

.badge-rounded,
.erp-badge--rounded {
    border-radius: var(--erp-badge-radius-rounded, 4px);
}

.badge:empty,
.erp-badge:empty {
    display: none;
}

/* Background/Text Utility Combinations for Badges and other elements */
/* These implement text-bg-* strictly without relying on Bootstrap */

.text-bg-primary {
    color: #fff !important;
    background-color: var(--erp-color-primary-600) !important;
}

.text-bg-secondary {
    color: #fff !important;
    background-color: var(--erp-color-slate-500) !important;
}

.text-bg-success {
    color: #fff !important;
    background-color: var(--erp-color-success-600) !important;
}

.text-bg-danger {
    color: #fff !important;
    background-color: var(--erp-color-danger-600) !important;
}

.text-bg-warning {
    color: var(--erp-color-slate-900) !important;
    background-color: var(--erp-color-warning-500) !important;
}

.text-bg-info {
    color: #fff !important;
    background-color: var(--erp-color-info-600) !important;
}

.text-bg-light {
    color: var(--erp-text-primary) !important;
    background-color: var(--erp-color-slate-50) !important;
}

.text-bg-dark {
    color: #fff !important;
    background-color: var(--erp-color-slate-900) !important;
}