/* ══════════════════════════════════════════════════════════════════════════
   aRTy TAX - Toast notifications
   Stack bottom-right, max 3, auto-dismiss 4.5s.
   ══════════════════════════════════════════════════════════════════════════ */

.arty-toasts {
  position: fixed;
  right: var(--space-5, 20px);
  bottom: var(--space-5, 20px);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: var(--space-2, 10px);
  pointer-events: none;
  font-family: var(--font-sans, 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif);
}

.arty-toast {
  pointer-events: auto;
  min-width: 260px;
  max-width: 360px;
  padding: var(--space-3, 12px) var(--space-4, 16px);
  background: var(--color-text-primary, #1D1D1F);
  color: #F5F5F7;
  border-radius: var(--radius-lg, 12px);
  box-shadow: var(--elevation-3, 0 8px 24px rgba(0, 0, 0, 0.12)), var(--elevation-1, 0 1px 3px rgba(0, 0, 0, 0.08));
  font-size: var(--text-footnote, 14px);
  line-height: var(--leading-normal, 1.4);
  display: flex;
  align-items: flex-start;
  gap: var(--space-2, 10px);
  animation: toast-slide var(--dur-short, 260ms) var(--ease-out, cubic-bezier(0.2,0.8,0.2,1)) both;
}

.arty-toast.is-leaving {
  animation: fade-in var(--dur-short, 200ms) var(--ease-in, cubic-bezier(0.4,0,1,1)) reverse forwards;
}

/* Status variants - dark accent backgrounds matched to semantic colors. */
.arty-toast--success { background: #1F3C28; color: #E9F5EE; }
.arty-toast--error   { background: #3C1F1F; color: #FDECEA; }
.arty-toast--warning { background: #3C2F1F; color: #FFF1DC; }
.arty-toast--info    { background: var(--color-text-primary, #1D1D1F); color: #F5F5F7; }

.arty-toast__icon { flex: 0 0 auto; width: 16px; height: 16px; margin-top: 1px; opacity: 0.9; }
.arty-toast__body { flex: 1 1 auto; min-width: 0; }
.arty-toast__close {
  flex: 0 0 auto; background: transparent; border: 0; color: inherit;
  opacity: 0.6; cursor: pointer; padding: 0 2px; font-size: 16px; line-height: 1;
}
.arty-toast__close:hover { opacity: 1; }