@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

.link {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

.max-h-\[500px\] {
    max-height: 500px;
}

.overflow-y-auto {
    overflow-y: auto;
}

/* 
  Para que position: sticky funcione en la tabla, el contenedor con 
  overflow-x-auto debe tener un alto fijo o un límite, de modo que el 
  scroll vertical (y) se realice dentro de la tabla y no en la ventana. 
*/
.overflow-x-auto[data-simplebar] {
    max-height: calc(100vh - 250px);
}

/* Ocultar el scrollbar global del contenedor de simplebar para evitar scrollbars dobles */
.overflow-x-auto[data-simplebar]::-webkit-scrollbar {
    width: 0px;
    /* Ocultar scroll vertical nativo extra */
    height: 0px;
    /* Ocultar scroll horizontal nativo extra */
    background: transparent;
}

/* Forzar barra de scroll horizontal visible SÓLO de SimpleBar */
.overflow-x-auto[data-simplebar] .simplebar-track.simplebar-horizontal {
    visibility: visible !important;
    height: 12px;
}

.overflow-x-auto[data-simplebar] .simplebar-scrollbar:before {
    opacity: 0.5 !important;
    background: #6b7280 !important;
}

.overflow-x-auto[data-simplebar] .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible:before {
    opacity: 0.8 !important;
}

#result_list thead th {
    position: sticky;
    top: 0;
    z-index: 20;
    background-color: #f9fafb;
    /* Light mode bg (bg-gray-50) */
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    /* Optional: bottom border */
}

html.dark #result_list thead th {
    background-color: #111827;
    /* Dark mode bg (gray-900) */
    box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.1);
}