/*
 * onu-grid-fluid.css
 * Layout fluido do RadzenDataGrid usado pelo OnuGroupedDataGrid.
 *
 * Objetivos:
 *   1) O grid sempre ocupa 100% da largura do RadzenCard.
 *   2) A unica coluna ("Onu") ocupa 100% do grid e o card preenche a celula.
 *   3) Esconder o header da coluna unica (n�o agrega valor com 1 coluna).
 *   4) Esconder o painel "Drag a column header here..." (ShowGroupPanel=false ja faz,
 *      mas garantimos via CSS para compatibilidade visual).
 */

.onu-grid-card {
    width: 100%;
}

.onu-grid-card .onu-grid-fluid,
.onu-grid-card .onu-grid-fluid .rz-data-grid,
.onu-grid-card .onu-grid-fluid .rz-grid-table,
.onu-grid-card .onu-grid-fluid .rz-data-grid-data {
    width: 100% !important;
}

/* Header da coluna unica "Onu": esconder sem perder acessibilidade. */
.onu-grid-card .onu-grid-fluid .onu-card-col-header {
    display: none !important;
}

/* Caso o painel de group panel tenha sido renderizado por outro motivo. */
.onu-grid-card .onu-grid-fluid .rz-datatable-group-panel,
.onu-grid-card .onu-grid-fluid .rz-grid-group-panel {
    display: none !important;
}

/* Celula da coluna do card: padding minimo para o card respirar. */
.onu-grid-card .onu-grid-fluid td.rz-data-cell {
    padding: 0.35rem 0.5rem;
}

/* Quando nao houver agrupamento ativo (sem grupos) os cards ficam centralizados
   numa lista vertical agradavel ao inves de vazarem para a direita. */
.onu-grid-card .onu-grid-fluid tbody > tr.rz-data-row > td {
    width: 100%;
}