/* Backdrop y modal */
.modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background-color: rgba(0,0,0,.6) !important; /* un pelín más oscuro */
  backdrop-filter: blur(2px);
  z-index: 1050 !important; /* debajo del modal */
}

.modal {
  z-index: 1060 !important; /* encima del backdrop */
}

/* Layout por debajo */
#header, .header, .topbar, #sidebar, .sidebar, .app-header, .app-sidebar, .pagetitle {
  z-index: 1040 !important;
}

/* Evitar scroll de fondo cuando el modal está abierto */
.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important; /* quita padding extra por scrollbar */
}

/* Centrado vertical estable */
.modal-dialog {
  margin: 1.25rem auto;
}
@media (min-height: 800px) {
  .modal-dialog {
    margin: 2.5rem auto;
  }
}