/* Estilos personalizados para la aplicación */

/* Hacer que la barra de desplazamiento horizontal permanezca visible al hacer scroll vertical */
.table-wrapper {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
}

/* Contenedor con scroll horizontal sticky */
.table-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

/* Para tablas de Orchid - hacer el contenedor de tabla con scrollbar sticky */
.table-responsive {
    position: relative;
    overflow-x: auto;
    overflow-y: visible;
}

/* Forzar que el scrollbar horizontal sea visible y se quede en la parte inferior de la ventana */
.orchid-table-wrapper {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
}

/* Alternativa usando position sticky para el scrollbar */
.sticky-horizontal-scroll {
    position: sticky;
    bottom: 0;
    overflow-x: auto;
    overflow-y: visible;
    z-index: 10;
    background: white;
}

/* Para las tablas específicas de solicitudes de materiales */
body.platform-layout .orchid-table-container {
    overflow-x: auto;
    overflow-y: visible;
    position: relative;
}

/* Hacer que el wrapper del contenido tenga un scrollbar horizontal que se quede visible */
.table-horizontal-scroll-wrapper {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.table-horizontal-scroll-wrapper::-webkit-scrollbar {
    height: 12px;
}

.table-horizontal-scroll-wrapper::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.table-horizontal-scroll-wrapper::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

.table-horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover {
    background: #555;
}