/* =============================================================================
   Audit Log – animations & styles spécifiques
   ============================================================================= */

/* ── Nouvelle entrée (slide-in au prepend Turbo Stream) ───────────────────── */
@keyframes audit-slide-in {
  from {
    opacity: 0;
    transform: translateY(-6px);
    background-color: var(--ng-green-50);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    background-color: transparent;
  }
}

.audit-entry-new {
  animation: audit-slide-in 0.45s ease-out forwards;
}

/* ── Flash du badge compteur ─────────────────────────────────────────────── */
@keyframes audit-badge-flash {
  0%   { background-color: var(--ng-green-500); color: #fff; border-color: var(--ng-green-500); }
  60%  { background-color: var(--ng-green-100); color: var(--ng-green-700); border-color: var(--ng-green-200); }
  100% { background-color: var(--n-50);         color: var(--n-600);        border-color: var(--n-200); }
}

.audit-badge-flash {
  animation: audit-badge-flash 0.6s ease-out forwards;
}

/* ── Live dot pulsant ────────────────────────────────────────────────────── */
@keyframes pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.45; transform: scale(0.75); }
}

.live-dot {
  animation: pulse-dot 1.5s ease-in-out infinite;
}