/* ============================================================
   TOASTS
   ============================================================ */

#toasts { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 8px; }
.toast {
  background: var(--bg-card); border: 1px solid var(--border); border-left: 3px solid var(--text-muted);
  border-radius: var(--radius-sm); padding: 10px 14px; min-width: 220px; font-size: 13px;
  animation: slideIn 200ms ease; box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.toast.success { border-left-color: var(--success); }
.toast.error { border-left-color: var(--danger); }
.toast.info { border-left-color: var(--accent-study); }
@keyframes slideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }