/* ============================================================
   TABULATOR SELECTION STYLES (CORREGIDO)
   ============================================================ */

/* 1. La Fila */
.tabulator-row.tabulator-selected {
    background-color: #e2e6ea !important;
    border-left: 4px solid #0d6efd !important;
}

    /* 2. ¡IMPORTANTE! Las Celdas dentro de la fila seleccionada */
    /* Esto es lo que te faltaba. Las celdas suelen tener fondo blanco que tapa la fila */
    .tabulator-row.tabulator-selected .tabulator-cell {
        background-color: inherit !important; /* Heredar el color de la fila */
        color: #000 !important;
        font-weight: 600; /* Opcional: Negrita para destacar más */
    }

/* 3. Hover */
.tabulator-row.tabulator-selectable:hover {
    background-color: #f8f9fa !important;
}

    /* 4. Hover sobre celdas */
    .tabulator-row.tabulator-selectable:hover .tabulator-cell {
        background-color: inherit !important;
    }