/* ============================================
   GRIDS RESPONSIVOS
   Arquivo: wwwroot/css-novo/responsive-grids.css
   ⚠️ GARANTE SCROLL, NUNCA CORTA COLUNAS
   ============================================ */

/* Container do grid */
.rz-data-grid,
.rz-grid {
    width: 100% !important;
}

    /* Wrapper da tabela - SEMPRE com scroll horizontal */
    .rz-data-grid .rz-table-wrapper,
    .rz-grid .rz-table-wrapper {
        overflow-x: auto !important;
        width: 100% !important;
        -webkit-overflow-scrolling: touch;
    }

    /* Tabela com largura mínima */
    .rz-data-grid table,
    .rz-grid table,
    .rz-data-grid .rz-table,
    .rz-grid .rz-table {
        min-width: var(--grid-min-width) !important;
        width: max-content !important;
    }

/* ============================================
   AJUSTES POR TAMANHO DE TELA
   ============================================ */

@media (max-width: 1366px) {
    /* Cabeçalho e células */
    .rz-data-grid .rz-column-header-content,
    .rz-data-grid .rz-cell-data {
        padding: 6px 10px !important;
        font-size: var(--font-size-md) !important;
        white-space: nowrap;
    }

    /* Paginador */
    .rz-paginator {
        font-size: var(--font-size-sm) !important;
    }

        .rz-paginator .rz-dropdown {
            min-height: 30px !important;
        }
}

@media (max-width: 1024px) {
    .rz-data-grid .rz-column-header-content,
    .rz-data-grid .rz-cell-data {
        padding: 4px 8px !important;
        font-size: var(--font-size-sm) !important;
    }

    /* Botões dentro do grid */
    .rz-data-grid .rz-button {
        min-height: 30px !important;
        min-width: 30px !important;
        padding: 2px 6px !important;
    }

    /* Checkboxes */
    .rz-data-grid .rz-checkbox {
        width: 16px !important;
        height: 16px !important;
    }

    /* Toolbar do grid */
    .rz-grid-toolbar {
        padding: 8px !important;
    }

        .rz-grid-toolbar .rz-button {
            font-size: var(--font-size-sm) !important;
        }
}

@media (max-width: 768px) {
    .rz-data-grid .rz-column-header-content,
    .rz-data-grid .rz-cell-data {
        padding: 2px 6px !important;
        font-size: var(--font-size-xs) !important;
    }

    /* Ícones no grid */
    .rz-data-grid .rz-icon {
        font-size: 16px !important;
    }
}