/* =====================================================
   BADGES - Etiquetas y badges
   ===================================================== */

.badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}

/* --- Status badges --- */
.badge-confirmado {
    background: rgba(67, 160, 71, 0.1);
    color: #43A047;
}

.badge-programado {
    background: rgba(54, 193, 255, 0.1);
    color: #36C1FF;
}

.badge-activo {
    background: #d4edda;
    color: #155724;
}

.badge-inactivo {
    background: #f8d7da;
    color: #721c24;
}

.badge-rol {
    background: #e3f2fd;
    color: #1976d2;
}

.badge-limite {
    background: #fff3e0;
    color: #7f6003;
    font-size: 11px;
}

/* --- Priority badges --- */
.priority-badge {
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
}

.priority-alta {
    background: rgba(229, 57, 53, 0.1);
    color: #E53935;
}

.priority-media {
    background: rgba(255, 179, 0, 0.1);
    color: #FFB300;
}

.priority-baja {
    background: rgba(67, 160, 71, 0.1);
    color: #43A047;
}

/* --- Role badges --- */
.role-badge {
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.role-badge.superadmin {
    background: linear-gradient(135deg, #E53935 0%, #C62828 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(229, 57, 53, 0.3);
}

.role-badge.admin {
    background: linear-gradient(135deg, #4459D7 0%, #36C1FF 100%);
    color: white;
    box-shadow: 0 2px 8px rgba(68, 89, 215, 0.3);
}