/**
 * Archivo: assets/css/shared/badges.css
 * Sistema: Allage - Estilos de Badges Globales
 * Versión: 1.0.0
 * Fecha: 18 Enero 2026
 *
 * DESCRIPCIÓN:
 * Estilos de badges compartidos entre admin y frontend.
 *
 * CLASES DISPONIBLES:
 * - .ltn-badge           : Badge básico
 * - .ltn-badge.success   : Verde (éxito)
 * - .ltn-badge.warning   : Amarillo (advertencia)
 * - .ltn-badge.error     : Rojo (error)
 * - .ltn-badge.info      : Azul (información)
 * - .ltn-status-badge    : Badge de estado con icono
 */

/* ===========================================
   BADGE BÁSICO
   =========================================== */
.ltn-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: var(--ltn-font-size-xs, 11px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ltn-badge.success {
    background: var(--ltn-green-bg, #F7F9ED);
    color: var(--ltn-green-dark, #3e5120);
}

.ltn-badge.warning {
    background: #FEF3C7;
    color: #D97706;
}

.ltn-badge.error {
    background: #FEE2E2;
    color: #DC2626;
}

.ltn-badge.info {
    background: #DBEAFE;
    color: #2563EB;
}

/* Modificadores semánticos para stock/inventario */
.ltn-badge.good {
    background: var(--ltn-green-bg, #F7F9ED);
    color: var(--ltn-green-dark, #3e5120);
}

.ltn-badge.critical {
    background: #FEE2E2;
    color: #DC2626;
}

/* ===========================================
   STATUS BADGE
   =========================================== */
.ltn-status-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--ltn-spacing-xs, 4px);
    padding: var(--ltn-spacing-xs, 4px) var(--ltn-spacing-sm, 8px);
    border-radius: var(--ltn-border-radius, 8px);
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ltn-status-badge.loading {
    background: #EFF6FF;
    color: #2563EB;
}

.ltn-status-badge.success {
    background: var(--ltn-green-bg, #F7F9ED);
    color: var(--ltn-green-dark, #3e5120);
}

.ltn-status-badge.warning {
    background: #FEF3C7;
    color: #D97706;
}

.ltn-status-badge.error {
    background: #FEE2E2;
    color: #DC2626;
}

.ltn-status-badge.pending {
    background: #FEF3C7;
    color: #D97706;
}

.ltn-status-badge.active {
    background: var(--ltn-green-bg, #F7F9ED);
    color: var(--ltn-green-dark, #3e5120);
}

.ltn-status-badge.completed {
    background: #DBEAFE;
    color: #2563EB;
}

.ltn-status-badge.cancelled,
.ltn-status-badge.rejected {
    background: #FEE2E2;
    color: #DC2626;
}

/* ===========================================
   ALIAS DE COMPATIBILIDAD (.acf-* → .ltn-*)
   =========================================== */
.acf-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: var(--ltn-font-size-xs, 11px);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.acf-badge.success {
    background: var(--ltn-green-bg, #F7F9ED);
    color: var(--ltn-green-dark, #3e5120);
}

.acf-badge.warning {
    background: #FEF3C7;
    color: #D97706;
}

.acf-badge.error {
    background: #FEE2E2;
    color: #DC2626;
}

.acf-badge.info {
    background: #DBEAFE;
    color: #2563EB;
}

.acf-status-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--ltn-spacing-xs, 4px);
    padding: var(--ltn-spacing-xs, 4px) var(--ltn-spacing-sm, 8px);
    border-radius: var(--ltn-border-radius, 8px);
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.acf-status-badge.loading {
    background: #EFF6FF;
    color: #2563EB;
}

.acf-status-badge.success {
    background: var(--ltn-green-bg, #F7F9ED);
    color: var(--ltn-green-dark, #3e5120);
}

.acf-status-badge.warning {
    background: #FEF3C7;
    color: #D97706;
}

.acf-status-badge.error {
    background: #FEE2E2;
    color: #DC2626;
}