/* ==========================================================================
   ANIMATIONS.CSS — Micro-interactions, Transitions & State Keyframes
   ========================================================================== */

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.4);
  }
  50% {
    box-shadow: 0 0 0 6px rgba(244, 63, 94, 0);
  }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes slideInRight {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

.fade-in {
  animation: fadeIn var(--transition-base) forwards;
}

.sla-overdue-pulse {
  animation: pulse-glow 2s infinite cubic-bezier(0.4, 0, 0.6, 1);
  border-color: var(--accent-rose) !important;
}

.btn-bounce:active {
  transform: scale(0.96);
}