/* Bella V2 — Toast (feedback visual)
 * Position absoluto top-center, slide-in suave.
 */

.toast-stack {
  position: fixed;
  top: calc(var(--safe-top) + 16px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
  width: min(420px, calc(100% - 32px));
}

.toast {
  pointer-events: auto;
  padding: 12px 16px;
  border-radius: var(--radius-sm);
  font-size: 14px;
  font-weight: 500;
  /* --white/--danger/--shadow-lg NÃO existem nos tokens do V2 — sem fallback o
     texto herdava a cor escura do body e sumia no fundo escuro ("tarja preta
     sem texto"). Cor explícita resolve em todos os toasts. */
  color: #fff;
  box-shadow: 0 8px 24px rgba(42, 26, 14, 0.20);
  background: var(--ink);
  opacity: 0;
  transform: translateY(-12px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}
.toast.toast-in { opacity: 1; transform: translateY(0); }
.toast.toast-out { opacity: 0; transform: translateY(-8px); }

.toast-success { background: #2D6A4F; }
.toast-error { background: #B3261E; }
.toast-info { background: var(--ink); }