/* Estilos personalizados */

body {
    padding-bottom: 60px; /* Espacio para posible footer fijo */
}

#loading-spinner {
    /* Centrado si es necesario, ya tiene text-center en HTML */
}

/* Estilo para botones de acción en tablas */
.action-btn {
    margin-right: 5px;
    margin-bottom: 5px; /* Espacio en pantallas pequeñas */
}

/* Ocultar elementos por defecto si es necesario */
/* .d-none ya existe en bootstrap */

/* Estilo para indicar estado visualmente (opcional) */
.status-activo {
    color: green;
    font-weight: bold;
}
.status-inactivo {
    color: red;
    font-weight: bold;
}

/* Asegurar que el spinner dentro del modal sea visible */
#edit-user-spinner {
   /* Estilos si son necesarios */
}

#user-list-spinner {
   /* Estilos si son necesarios */
}
.ui-autocomplete {
    /*
     * El z-index de los modales de Bootstrap es ~1050.
     * Le damos un valor más alto para que el menú de autocompletado
     * aparezca por encima del modal y su fondo oscuro (backdrop).
     */
    z-index: 1060 !important; 
    
    /* Estilos opcionales para que se vea mejor */
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

/* Estilo para el item seleccionado/hover */
.ui-menu-item-wrapper.ui-state-active {
    background: #0d6efd !important; /* Color primario de Bootstrap */
    color: #fff !important;
    border: none;
    border-radius: 0;
}
#articulo-modal.show {
    z-index: 1060; /* Un valor más alto que el z-index del primer modal */
}

/* 
  Cuando se abre el segundo modal, Bootstrap puede añadir un segundo backdrop.
  Asegurémonos de que este segundo backdrop esté por encima del primer modal
  pero por debajo del segundo.
*/
.modal-backdrop:nth-of-type(2) {
    z-index: 1059;
}
#bodega-stock-minimo-modal .modal-content {
  height: 90vh; /* Ocupa el 90% de la altura de la ventana */
  display: flex;
  flex-direction: column;
}

/* 2. El cuerpo del modal se expandirá para llenar el espacio sobrante. */
#bodega-stock-minimo-modal .modal-body {
  flex: 1 1 auto; /* Permite que el cuerpo crezca y se encoja */
  overflow-y: hidden; /* ¡Importante! El scroll NO estará directamente aquí */
  display: flex;
  flex-direction: column;
}

/* 3. EL CONTENEDOR DE LA TABLA es el que tendrá el scroll.
      Le decimos que ocupe todo el espacio de su padre (.modal-body). */
#bodega-stock-minimo-modal #stock-minimo-table-container {
  flex: 1 1 auto;
  overflow-y: auto; /* ¡AQUÍ ESTÁ EL SCROLL INTERNO! */
  overflow-x: hidden;
}