/* =============================================
   SCROLL HORIZONTAL — siempre visible
   ============================================= */
.fi-ta-content {
    overflow-x: auto !important;
    scrollbar-width: thin;
    scrollbar-color: #94a3b8 #f1f5f9;
}

.fi-ta-content::-webkit-scrollbar {
    height: 8px;
}

.fi-ta-content::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.fi-ta-content::-webkit-scrollbar-thumb {
    background-color: #94a3b8;
    border-radius: 4px;
}

.dark .fi-ta-content {
    scrollbar-color: #475569 #1e293b;
}
.dark .fi-ta-content::-webkit-scrollbar-track { background: #1e293b; }
.dark .fi-ta-content::-webkit-scrollbar-thumb { background-color: #475569; }

/* =============================================
   CABECERA FIJA al hacer scroll vertical
   ============================================= */
.fi-ta-content {
    max-height: 75vh;
    overflow-y: auto !important;
}

/* sticky en cada th — maxima compatibilidad Chrome/Firefox/Safari */
.fi-ta-content thead th {
    position: sticky !important;
    top: 0 !important;
    z-index: 11 !important;
    background-color: rgb(249 250 251) !important;
    box-shadow: 0 1px 0 0 rgb(229 231 235) !important;
}

.dark .fi-ta-content thead th {
    background-color: rgb(17 24 39) !important;
    box-shadow: 0 1px 0 0 rgb(55 65 81) !important;
}

/* scrollbar vertical */
.fi-ta-content::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}

/* =============================================
   REDIMENSIONADO DE COLUMNAS
   ============================================= */
.fi-ta-content thead th {
    overflow: visible;
}

.col-resize-handle {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    cursor: col-resize;
    user-select: none;
    z-index: 20;
}

.col-resize-handle:hover,
.col-resize-handle.resizing {
    background-color: #f59e0b;
    opacity: 0.6;
}