/* ============================================================================
   modals.css — Reusable modal / dialog primitives (IAPrompt #33).
   ============================================================================ */
.wa-modal {
  position: fixed; inset: 0; z-index: 1000; display: none;
  align-items: center; justify-content: center; padding: var(--wa-space-4);
  background: rgba(15, 29, 68, 0.45);
}
.wa-modal.is-open { display: flex; }
.wa-modal__box {
  background: var(--wa-surface); border-radius: var(--wa-radius-lg);
  box-shadow: var(--wa-shadow-lg); width: 100%; max-width: 560px;
  max-height: 90vh; overflow-y: auto; padding: var(--wa-space-6);
}
.wa-modal__title { font-size: var(--wa-fs-lg); font-weight: 700; color: var(--wa-navy); margin: 0 0 var(--wa-space-4); }
.wa-modal__actions { display: flex; gap: var(--wa-space-2); justify-content: flex-end; margin-top: var(--wa-space-5); }