/* Stili custom complementari a Tailwind */

[x-cloak] { display: none !important; }

/* Stato HTMX request: leggera trasparenza durante la richiesta */
.htmx-request,
.htmx-request.htmx-swapping {
  opacity: 0.6;
  transition: opacity 200ms ease;
}

/* fade-in per nuove righe HTMX */
.htmx-added {
  animation: fadeIn 220ms ease-in;
}

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