/* ══════════════════════════════════════════════════════════════
   TOAST — derecknoom.com shared
   Gedeeld door alle apps. Gebruikt theme-variabelen uit
   ibiza-theme.css, dus de toast kleurt automatisch mee met
   day/night in plaats van altijd donker te zijn.
   Vereist een element <div id="toast"></div> in de pagina.
   ══════════════════════════════════════════════════════════════ */

#toast {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%) translateY(20px);
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8px 16px;
  font-size: 12px;
  opacity: 0;
  transition:
    opacity 0.2s,
    transform 0.2s;
  pointer-events: none;
  white-space: nowrap;
  z-index: 200;
}
#toast.show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}