/* Toast notifications */
.toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 12px;
  font-family: var(--font-mono, 'Roboto Mono', monospace);
  font-size: 0.82rem;
  backdrop-filter: var(--blur, blur(18px));
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  animation: toastSlideIn 0.4s var(--ease-spring);
}

.toast.ok {
  background: rgba(0, 232, 122, 0.12);
  border: 1px solid rgba(0, 232, 122, 0.35);
  color: var(--green, #0D9B6A);
}

.toast.err {
  background: rgba(255, 56, 56, 0.1);
  border: 1px solid rgba(255, 56, 56, 0.35);
  color: var(--red, #D93030);
}

@keyframes toastSlideIn {
  from { transform: translateY(24px) scale(0.95); opacity: 0; }
  to   { transform: translateY(0) scale(1); opacity: 1; }
}