/* ============================================================
   Responsive Tables Fix - Portal Personalitec
   ============================================================
   Forca todas as DataTables e tabelas responsivas a ocupar
   100% do container, sem scroll horizontal. Colunas com
   texto longo quebram em varias linhas. Funciona em qualquer
   tamanho de tela (responsivo).

   Neutraliza: scrollX:true do JS + overflow:hidden do portal-redesign.css.
   Carregado DEPOIS de portal-redesign.css para override.
   ============================================================ */

/* 1. Neutralizar scrollX: esconder scroll horizontal do body */
.dataTables_wrapper .dataTables_scrollBody {
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

/* 2. Header inner ocupa 100% (DataTables seta px fixo) */
.dataTables_wrapper .dataTables_scrollHeadInner {
    width: 100% !important;
}

/* 3. Forcar table-layout: fixed + width: 100% em todas as tabelas */
.dataTables_wrapper .dataTables_scrollHeadInner table.dataTable,
.dataTables_wrapper .dataTables_scrollBody table.dataTable,
.dataTables_wrapper > table.dataTable,
.table-responsive > table.dataTable,
.table-responsive > .table {
    table-layout: fixed !important;
    width: 100% !important;
}

/* 4. Texto quebra em vez de estourar a coluna */
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable tbody td,
.table-responsive table thead th,
.table-responsive table tbody td {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}