/* توستِ مشترک سایت — بازخوردِ گذرا که در کنارِ فرم جایی برای ماندن ندارد و خودبه‌خود بسته می‌شود */
.dv-toast-region {
  position: fixed;
  bottom: 16px;
  inset-inline-end: 16px;
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(360px, calc(100vw - 24px));
  /* ناحیه نچرخد؛ هر کارت خودش کلیک‌پذیر است */
  pointer-events: none;
}

.dv-toast {
  --_dv-toast-ink: var(--color-text);
  --_dv-toast-accent: var(--color-info);
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 12px;
  background: var(--color-surface);
  color: var(--_dv-toast-ink);
  border: 1px solid var(--color-border);
  border-inline-start: 4px solid var(--_dv-toast-accent);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
  font-size: var(--fs-sm);
  line-height: 1.7;
  animation: dv-toast-in var(--dur-base) ease-out both;
}

/* هر وضعیت فقط رنگِ نشان و لبه را عوض می‌کند؛ متن و سطح از نقش‌های معنایی توکن می‌آید */
.dv-toast--success { --_dv-toast-accent: var(--color-success); }
.dv-toast--error   { --_dv-toast-accent: var(--color-danger); }
.dv-toast--info    { --_dv-toast-accent: var(--color-info); }

.dv-toast__icon {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--_dv-toast-accent);
}

.dv-toast__body {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

.dv-toast__close {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-inline-start: 2px;
  padding: 2px 6px;
  border: 0;
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--color-text-muted);
  font-size: var(--fs-xs);
  line-height: 1.4;
  cursor: pointer;
}

.dv-toast__close:hover {
  color: var(--color-text);
  background: var(--color-surface-sunken);
}

.dv-toast__close:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: 1px;
}

/* خروجِ نرم پیش از حذفِ گره؛ با transition انجام می‌شود چون درختِ اعلانِ زنده را نمی‌شکند */
.dv-toast.is-leaving {
  opacity: 0;
  transform: translateY(6px);
  transition: opacity var(--dur-base) ease, transform var(--dur-base) ease;
}

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

@media (prefers-reduced-motion: reduce) {
  .dv-toast {
    animation: none;
  }
  .dv-toast.is-leaving {
    transition: none;
  }
}