/**
 * modal-confirm.css — Confirm dialog and password prompt modal styles.
 * Used by ConfirmModal.js and modal-confirm.html.
 */

/* These two dialogs are often opened on top of another already-open modal
   (e.g. DirtyGuard's unsaved-changes prompt over an edit modal). Bootstrap
   does not officially support stacked modals, so pin these above any other
   modal (and its backdrop) to guarantee they're always clickable. */
#confirmModal,
#passwordModal {
  z-index: 1080;
}

/* ─── Password error message ─── */
.pwd-error {
  color: var(--danger);
  font-size: 0.78rem;
  margin-top: 6px;
  display: none;
}