/* ─── Toast & Flash Messages ──────────────────────────────────────────────────────────────── */
.toast,
.flashes {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999999;
  padding: 12px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  box-shadow: var(--shadow-md);
  animation: slideUp 0.3s ease;
  opacity: 0;
}

.flashes.show,
.toast.show {
  animation: fadeInOut 5s forwards;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

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

.toast--success,
.flash-success,
.toast-success {
  background: #ffffff;
  color: #166534;
  border-left: 4px solid #bbf7d0;
}
.toast--error,
.flash-error,
.toast-error {
  background: #ffffff;
  color: #991b1b;
  border-left: 4px solid #fecaca;
}
.toast--info,
.flash-info,
.toast-info {
  background: #ffffff;
  color: #1e40af;
  border-left: 4px solid #bfdbfe;
}

.toast--warning,
.flash-warning,
.toast-warning {
  background: #ffffff;
  color: #78350f;
  border-left: 4px solid #fed7aa;
}