/* ===============================
   UI-002: Toast Notification System - Toast Container
================================ */
#toast-container {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 2000;
}
.toast {
  background: var(--bg-panel);
  border-left: 5px solid var(--accent);
  padding: 0.8rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: var(--radius);
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  animation: fadein 0.4s, fadeout 0.4s 3.6s forwards;
}
.toast.success { border-color: var(--success); }
.toast.error { border-color: var(--danger); }
.toast.warning { border-color: var(--warning); }

@keyframes fadein { from{opacity:0; transform:translateX(40px);} to{opacity:1; transform:translateX(0);} }
@keyframes fadeout { from{opacity:1;} to{opacity:0;} }