/* Shared toast: the short status line near the bottom of home, detail and show pages
   (copied, unlocked, refresh done, and their failures). One neutral surface for every
   message: the text says whether it worked, the color does not (user decision
   2026-09-30; success-green was also shown for failures before). */
.toast {
  position: fixed;
  left: 50%;
  bottom: calc(env(safe-area-inset-bottom, 0px) + var(--space-scale-px-56));
  transform: translateX(-50%);
  padding: var(--space-scale-px-8) var(--space-scale-px-20);
  border: 1px solid var(--visual-border-medium);
  border-radius: var(--radius-ui-md);
  background: var(--bg-surface-hover);
  color: var(--text-primary);
  font-size: var(--type-control);
  font-weight: var(--weight-toast);
  line-height: var(--leading-compact);
  box-shadow: var(--shadow-floating);
  z-index: var(--layer-toast);
  opacity: var(--opacity-hidden);
  transition: opacity var(--motion-duration-toast);
  /* Hidden by opacity only, so it must not catch taps meant for the page below. */
  pointer-events: none;
}
.toast.show { opacity: var(--opacity-visible); }