/* ── Shared toast / app-message styles ──────────────────────────── */
/* Loaded before page stylesheets. Pages keep their own #app-message div and JS
   (showMessage in leave.js, showFlash in contracts.js) works unchanged.         */

#app-message {
  position: fixed;
  bottom: 1.4rem;
  left: 50%;
  transform: translateX(-50%);
  background: #1c3352;
  color: #e8f4ff;
  padding: 0.65rem 1.2rem;
  border-radius: 10px;
  font-size: 0.92rem;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(18,36,60,0.28);
  z-index: 99999;
  pointer-events: none;
  animation: rise 0.25s ease;
  max-width: min(480px, 88vw);
  text-align: center;
}

#app-message.flash-ok    { background: #d4f4e2; color: #145c33; }
#app-message.flash-error { background: #fde8e8; color: #991b1b; }
#app-message.hidden      { display: none; }

@keyframes rise {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}