/* ----- TOAST NOTIFICATIONS ----- */
.toast-container {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

.toast {
  background: var(--clr-surface);
  border: 1px solid var(--clr-border);
  border-left: 4px solid var(--clr-purple-neon);
  box-shadow: 0 10px 30px rgba(0,0,0,.6), 0 0 15px rgba(157,78,221,.15);
  color: #fff;
  padding: 16px 20px;
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: .88rem;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 250px;
  opacity: 0;
  transform: translateX(50px);
  animation: toastIn .4s forwards cubic-bezier(.4,0,.2,1);
  pointer-events: all;
}

.toast.toast-success {
  border-left-color: var(--clr-success, #22c55e);
  box-shadow: 0 10px 30px rgba(0,0,0,.6), 0 0 15px rgba(34,197,94,.15);
}

.toast.toast-error {
  border-left-color: var(--clr-danger, #ef4444);
  box-shadow: 0 10px 30px rgba(0,0,0,.6), 0 0 15px rgba(239,68,68,.15);
}

.toast-icon {
  font-size: 1.2rem;
}

.toast.hiding {
  animation: toastOut .4s forwards cubic-bezier(.4,0,.2,1);
}

@keyframes toastIn {
  to { opacity: 1; transform: translateX(0); }
}

@keyframes toastOut {
  to { opacity: 0; transform: translateX(50px); scale: 0.9; }
}

@media (max-width: 480px) {
  .toast-container {
    bottom: 20px;
    right: 20px;
    left: 20px;
  }
  .toast { width: 100%; min-width: unset; }
}