/* custom styles for login page — tailwind handles the rest */

.toast-item {
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: 0 4px 18px rgba(0,0,0,0.18);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  text-align: center;
  min-width: 220px;
}

.toast-item.show { opacity: 1; transform: translateY(0); }
.toast-item.ok   { background: #1a4a7a; color: #fff; }
.toast-item.err  { background: #be123c; color: #fff; }