/* Toast Notifications */
.toast-container {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column-reverse;
  gap: 8px;
  z-index: 500;
  pointer-events: none;
}

.toast {
  background: var(--accent);
  color: white;
  padding: 10px 18px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.4);
  pointer-events: auto;
  animation: toastIn 0.25s ease-out;
  white-space: nowrap;
}

.toast.error {
  background: var(--error);
  box-shadow: 0 4px 16px rgba(220, 38, 38, 0.4);
  max-width: 480px;
  white-space: normal;
  word-wrap: break-word;
}

.toast.removing {
  animation: toastOut 0.3s ease-in forwards;
}

@keyframes toastIn {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes toastOut {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(10px); }
}