/* Toast styles — append to style.css */
#toast-wrap { position: fixed; top: 1rem; right: 1rem; z-index: 9999; display: flex; flex-direction: column; gap: .45rem; pointer-events: none; }
.toast {
  padding: .65rem 1rem; border-radius: var(--r2); font-size: .82rem; font-weight: 500;
  background: var(--card); border: 1px solid var(--b2); color: var(--t);
  box-shadow: 0 4px 16px rgba(0,0,0,.4);
  opacity: 0; transform: translateX(20px); transition: all .28s ease;
  pointer-events: auto; max-width: 320px;
}
.toast.show { opacity: 1; transform: translateX(0); }
.toast-ok   { border-left: 3px solid var(--ok); }
.toast-err  { border-left: 3px solid var(--err); }
.toast-warn { border-left: 3px solid var(--warn); }