/**
 * Estilos para garantir que todas as colunas do DataGrid sejam exibidas corretamente
 */

/* Garante que todas as células da tabela tenham um tamanho mínimo */
.datagrid-table td {
    min-width: 50px;
    min-height: 30px;
    padding: 8px;
    vertical-align: middle;
}

/* Garante que todas as células da tabela tenham um conteúdo mínimo */
.datagrid-table td:empty::after {
    content: "N/A";
    color: #999;
    font-style: italic;
}

/* Garante que todas as células do cabeçalho tenham um tamanho mínimo */
.datagrid-table th {
    min-width: 50px;
    min-height: 30px;
    padding: 8px;
    vertical-align: middle;
}

/* Garante que todas as células do cabeçalho tenham um conteúdo mínimo */
.datagrid-table th .th-content:empty::after {
    content: "Coluna";
    color: #999;
    font-style: italic;
}

/* Garante que a tabela seja exibida corretamente mesmo quando o botão de detalhes está desabilitado */
.datagrid-table {
    table-layout: fixed;
    width: 100%;
}

/* Garante que as larguras configuradas sejam respeitadas */
.datagrid-table th[style*="width"],
.datagrid-table td[style*="width"] {
    width: attr(style width) !important;
    min-width: attr(style width) !important;
    max-width: attr(style width) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Garante que as linhas da tabela sejam exibidas corretamente */
.datagrid-table tr {
    display: table-row;
}

/* Garante que as células da tabela sejam exibidas corretamente */
.datagrid-table td, .datagrid-table th {
    display: table-cell;
}

/* Garante que o texto nas células não ultrapasse o tamanho da célula */
.datagrid-table td, .datagrid-table th .th-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Garante que a última coluna seja exibida corretamente */
.datagrid-table td:last-child, .datagrid-table th:last-child {
    border-right: 1px solid #dee2e6;
}

/* Garante que a última linha seja exibida corretamente */
.datagrid-table tr:last-child td {
    border-bottom: 1px solid #dee2e6;
}

/* Estilo para a coluna vazia */
.datagrid-table th.empty-column,
.datagrid-table td.empty-cell {
    width: 1px !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
    visibility: hidden !important;
}

/* Garante que todas as colunas sejam exibidas corretamente */
.datagrid-table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}