let activeModal: HTMLElement | null = null;
let backdrop: HTMLElement | null = null;

function ensureBackdrop() {
  if (backdrop) return backdrop;
  backdrop = document.createElement('div');
  backdrop.className = 'modal-backdrop';
  backdrop.addEventListener('click', hideModal);
  document.body.appendChild(backdrop);
  return backdrop;
}

export function showModal(content: HTMLElement) {
  const bd = ensureBackdrop();
  if (!content.parentElement) bd.appendChild(content);
  activeModal = content;
  bd.classList.add('show');
}

export function hideModal() {
  if (backdrop) backdrop.classList.remove('show');
  activeModal = null;
}