.toast-container {
  position: fixed;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.toast {
  min-width: 260px;
  max-width: 380px;
  padding: 0.85rem 1.25rem;
  border-radius: var(--radius, 0.5rem);
  color: #fff;
  font-size: 0.9rem;
  box-shadow: var(--shadow, 0 2px 8px rgba(0,0,0,0.15));
  animation: toast-in 0.25s ease;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

.toast.success { background: var(--color-success, #16a34a); }
.toast.error   { background: var(--color-error,   #dc2626); }
.toast.info    { background: var(--color-navy-800,  #142544); }

@keyframes toast-in {
  from { opacity: 0; transform: translateX(2rem); }
  to   { opacity: 1; transform: translateX(0); }
}

@media (max-width: 480px) {
  .toast-container { left: 1rem; right: 1rem; }
  .toast { min-width: 0; max-width: none; width: 100%; }
}