/* CAMINHO: /css/global/badges.css */
/* OBJETIVO: Badges, status, etiquetas e indicadores */

.erp-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 26px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.erp-badge-primary {
    background: var(--erp-primary-soft);
    color: var(--erp-primary-dark);
}

.erp-badge-secondary {
    background: var(--erp-secondary-soft);
    color: var(--erp-secondary-dark);
}

.erp-badge-success {
    background: var(--erp-success-soft);
    color: #166534;
}

.erp-badge-warning {
    background: var(--erp-warning-soft);
    color: #92400e;
}

.erp-badge-danger {
    background: var(--erp-danger-soft);
    color: #991b1b;
}

.erp-badge-info {
    background: var(--erp-info-soft);
    color: #1e40af;
}

.erp-badge-neutral {
    background: var(--erp-gray-100);
    color: var(--erp-gray-700);
}

.erp-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
}

.erp-status-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: var(--erp-gray-400);
}

.erp-status-success .erp-status-dot {
    background: var(--erp-success);
}

.erp-status-warning .erp-status-dot {
    background: var(--erp-warning);
}

.erp-status-danger .erp-status-dot {
    background: var(--erp-danger);
}

.erp-status-info .erp-status-dot {
    background: var(--erp-info);
}

.erp-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--erp-gray-100);
    color: var(--erp-gray-700);
    font-size: 13px;
    font-weight: 800;
}

.erp-chip-primary {
    background: var(--erp-primary-soft);
    color: var(--erp-primary-dark);
}

.erp-chip-success {
    background: var(--erp-success-soft);
    color: #166534;
}

.erp-chip-warning {
    background: var(--erp-warning-soft);
    color: #92400e;
}

.erp-chip-danger {
    background: var(--erp-danger-soft);
    color: #991b1b;
}