/* ---------- UTILITIES ---------- */

/* ---------- MICRO-INTERACTIONS ---------- */

.interactive:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.1);
}

.fade-in {
  opacity: 0;
  transform: translateY(12px);
  animation: fadeInUp 240ms ease forwards;
}

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

@keyframes flash-enter {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------- ANIMATIONS ---------- */

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.lead-row.is-new,
.contact-row.is-new {
  animation: slide-in 0.25s ease-out;
}


.is-hidden {
  display: none !important;
}