/* Toast with Undo: a light ticket stub over the dark page */
.toast {
  position: fixed;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  transform: translate(-50%, 20px);
  opacity: 0;
  pointer-events: none;
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  transition:
    transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1),
    opacity 0.2s;
  z-index: 40;
  max-width: calc(100% - 32px);
  background: var(--toast-bg);
  color: var(--toast-fg);
  border-radius: var(--radius-menu);
  box-shadow: var(--sh-hard);
  padding: 8px 8px 8px 16px;
}
.toast.show {
  transform: translate(-50%, 0);
  opacity: 1;
  pointer-events: auto;
}
.toast button {
  padding: 8px 12px;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  background: rgba(20, 10, 58, 0.08);
  color: var(--toast-action);
  border-radius: var(--radius-md);
}