/* Remove quebra de linha nas células para evitar distorções */
table.dataTable th,
table.dataTable td {
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Importante para fixar largura mínima e permitir redimensionar */
    min-width: 30px;
}

/* Cabeçalho e corpo alinhados ao usar scrollY */
.dataTables_scrollHead table,
.dataTables_scrollBody table {
    table-layout: fixed !important; /* fixa largura para manter alinhamento */
    width: 100% !important; /* importante para o scroll funcionar corretamente */
}

/* Aplica um cursor de redimensionamento nas bordas do th para melhor UX */
.dataTables_scrollHead th {
    position: relative;
    user-select: none; /* evita seleção ao arrastar */
}

/* Opcional: cria uma pequena área “pegajosa” para redimensionar a coluna */
.dataTables_scrollHead th::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    z-index: 10;
}

/* Evita que o corpo role horizontalmente */
.dataTables_scrollBody {
    overflow-x: hidden !important;
}