/* ═══════════════════════════════════════════════════════════
   UNIDET v2 — Notifications : badges colorés par priorité
   Fichier : /unidet-v2/dashboard/assets/notifications-v2.css
   ═══════════════════════════════════════════════════════════ */

/* Badge de base (déjà stylé) — override priorité */
.ud-v2-layout .ud-topbar-icon-btn.has-critical .ud-topbar-icon-badge {
    background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.25), 0 2px 8px rgba(239, 68, 68, 0.4) !important;
    animation: udBadgePulseRed 2s ease-in-out infinite;
}
.ud-v2-layout .ud-topbar-icon-btn.has-warning .ud-topbar-icon-badge {
    background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.2), 0 2px 8px rgba(245, 158, 11, 0.35) !important;
}
.ud-v2-layout .ud-topbar-icon-btn.has-info .ud-topbar-icon-badge {
    background: linear-gradient(135deg, #0A0E17 0%, #1A1F2E 100%) !important;
    color: #C9A227 !important;
}

@keyframes udBadgePulseRed {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.08); }
}

/* Icône cloche qui pulse si critical */
.ud-v2-layout .ud-topbar-icon-btn.has-critical svg {
    animation: udBellShake 3s ease-in-out infinite;
}
@keyframes udBellShake {
    0%, 90%, 100% { transform: rotate(0); }
    92% { transform: rotate(-12deg); }
    94% { transform: rotate(12deg); }
    96% { transform: rotate(-8deg); }
    98% { transform: rotate(8deg); }
}