/* ========================================================================
   MOBILE WARNING MODAL STYLES
   ======================================================================== */

/**
 * Make modal backdrop fully opaque to hide messy app content behind it
 * Only applies when mobile warning modal is shown
 */

/* Fully opaque backdrop - hide all content behind modal */
.modal-backdrop.in {
  opacity: 1 !important;
  background-color: #f5f5f5 !important;
}

/* Ensure modal content is centered and prominent */
.modal.in .modal-dialog {
  z-index: 10001;
}