/* =============================================================================
   ITEMS TAB — Animations v2
   Regras: apenas transform/opacity — sem layout triggers, sem filter animado
   Durações ≤ 280ms (exceto loops de atenção)
   ============================================================================= */

/* ─── Card entry (stagger nos primeiros 8) ──────────────────────────────────── */

@keyframes icCardIn {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}

.item-card.card-anim { animation: icCardIn 0.24s ease both; }

.item-card.card-anim:nth-child(1) { animation-delay: 0ms; }
.item-card.card-anim:nth-child(2) { animation-delay: 16ms; }
.item-card.card-anim:nth-child(3) { animation-delay: 32ms; }
.item-card.card-anim:nth-child(4) { animation-delay: 48ms; }
.item-card.card-anim:nth-child(5) { animation-delay: 64ms; }
.item-card.card-anim:nth-child(6) { animation-delay: 80ms; }
.item-card.card-anim:nth-child(7) { animation-delay: 96ms; }
.item-card.card-anim:nth-child(8) { animation-delay: 112ms; }
.item-card.card-anim:nth-child(n+9) { animation-delay: 0ms; }

/* ─── Add button confirm pop ────────────────────────────────────────────────── */

@keyframes icAddPop {
  0%   { transform: scale(1); }
  35%  { transform: scale(1.06); }
  100% { transform: scale(1); }
}

.item-add-btn.just-added {
  animation: icAddPop 0.2s cubic-bezier(0.34,1.56,0.64,1) both;
}