/* Prompt Organizer: Builder-style modal visual ownership layer.
   This file is loaded last so modal presentation remains stable across refactors. */

.modal {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: none;
  background: rgba(15, 23, 42, 0.34);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0;
  box-shadow: none;
  max-width: none;
  max-height: none;
  overflow: auto;
  z-index: var(--z-modal, 1050);
}

.modal.show {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-6, 2rem);
}

#checkboxConfirmModal.modal {
  z-index: 1060;
}

#confirmModal.modal {
  z-index: 1055;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .modal,
  .prompt-modal,
  .settings-modal,
  .reference-confirm-modal,
  #exportModal.modal {
    background: rgba(15, 23, 42, 0.56);
  }
}

.modal-content {
  background: var(--surface-elevated, #fff);
  border: 1px solid var(--border-primary, #d1d5db);
  border-radius: var(--radius-xl, 12px);
  box-shadow: var(--shadow-xl, 0 25px 50px -12px rgba(0, 0, 0, 0.25));
}

.modal .modal-content h3,
.prompt-modal .prompt-modal-header h3 {
  font-weight: var(--font-bold, 700);
}

.prompt-modal,
.settings-modal,
.reference-confirm-modal,
#exportModal.modal {
  background: rgba(15, 23, 42, 0.34);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}