/* =======================================================
   toast.css — Toast notifications
   ======================================================= */
#toast-container {
  position: absolute;
  bottom: 24px; right: 24px;
  display: flex; flex-direction: column-reverse; gap: 8px;
  z-index: 999; pointer-events: none;
}
.toast {
  background: var(--surface2);
  border: 1px solid var(--border-hi);
  border-radius: var(--r);
  padding: 10px 14px;
  display: flex; align-items: center; gap: 10px;
  font-family: var(--mono); font-size: 11px;
  letter-spacing: 0.04em; color: var(--text);
  min-width: 240px;
  animation: toastIn 0.25s ease both;
  pointer-events: auto;
}
.toast.out { animation: toastOut 0.25s ease both; }
.toast-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.toast.success .toast-dot { background: var(--green); }
.toast.error   .toast-dot { background: var(--red); }
.toast.info    .toast-dot { background: var(--blue); }
.toast.warn    .toast-dot { background: var(--orange); }