.smt-wide-grid,
.smt-wide-grid.rz-data-grid,
.smt-wide-grid.rz-grid {
    --smt-grid-visible-height: clamp(360px, calc(100vh - 260px), 1200px);
    --smt-grid-available-height: initial;
    max-width: 100%;
    max-height: var(--smt-grid-available-height, var(--smt-grid-visible-height)) !important;
    min-width: 0;
    min-height: 0;
    display: flex !important;
    flex-direction: column;
    overflow: hidden !important;
}

.smt-wide-grid > .rz-datatable,
.smt-wide-grid > .rz-grid {
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: inherit;
    min-height: 0;
    overflow: hidden !important;
}

.smt-wide-grid .rz-datatable-header,
.smt-wide-grid .rz-data-grid-header,
.smt-wide-grid .rz-grid-header {
    flex: 0 0 auto;
}

.smt-wide-grid .rz-data-grid-data,
.smt-wide-grid .rz-grid-table-wrapper,
.smt-wide-grid .rz-datatable-scrollable-wrapper {
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 0;
    overflow-x: auto !important;
    overflow-y: auto;
}

.smt-wide-grid .rz-paginator,
.smt-wide-grid .rz-pager {
    flex: 0 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 8;
}

.material .smt-wide-grid,
.material .smt-wide-grid .rz-data-grid-data,
.material .smt-wide-grid .rz-grid-table-wrapper,
.material .smt-wide-grid .rz-datatable-scrollable-wrapper {
    scrollbar-color: #5965e8 #eef2f8;
}

.material .smt-wide-grid::-webkit-scrollbar,
.material .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar,
.material .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar,
.material .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.material .smt-wide-grid::-webkit-scrollbar-track,
.material .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar-track,
.material .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar-track,
.material .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar-track {
    background: #eef2f8;
    border-radius: 999px;
}

.material .smt-wide-grid::-webkit-scrollbar-thumb,
.material .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar-thumb,
.material .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar-thumb,
.material .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar-thumb {
    background: #5965e8;
    border: 3px solid #eef2f8;
    border-radius: 999px;
}

.material .smt-wide-grid::-webkit-scrollbar-thumb:hover,
.material .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar-thumb:hover,
.material .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar-thumb:hover,
.material .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar-thumb:hover {
    background: #202650;
}

.material-dark .smt-wide-grid,
.material-dark .smt-wide-grid .rz-data-grid-data,
.material-dark .smt-wide-grid .rz-grid-table-wrapper,
.material-dark .smt-wide-grid .rz-datatable-scrollable-wrapper {
    scrollbar-color: #8f7cff #151922;
}

.material-dark .smt-wide-grid::-webkit-scrollbar,
.material-dark .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar,
.material-dark .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar,
.material-dark .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.material-dark .smt-wide-grid::-webkit-scrollbar-track,
.material-dark .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar-track,
.material-dark .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar-track,
.material-dark .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar-track {
    background: #151922;
    border-radius: 999px;
}

.material-dark .smt-wide-grid::-webkit-scrollbar-thumb,
.material-dark .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar-thumb,
.material-dark .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar-thumb,
.material-dark .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #8f7cff, #49b6ff);
    border: 3px solid #151922;
    border-radius: 999px;
}

.material-dark .smt-wide-grid::-webkit-scrollbar-thumb:hover,
.material-dark .smt-wide-grid .rz-data-grid-data::-webkit-scrollbar-thumb:hover,
.material-dark .smt-wide-grid .rz-grid-table-wrapper::-webkit-scrollbar-thumb:hover,
.material-dark .smt-wide-grid .rz-datatable-scrollable-wrapper::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(90deg, #b49cff, #7bd1ff);
}

.smt-wide-grid .rz-grid-table,
.smt-wide-grid table {
    width: max-content;
    min-width: 100%;
}

.smt-wide-grid.smt-active-toggle-grid .rz-grid-table,
.smt-wide-grid.smt-active-toggle-grid table {
    width: 100% !important;
    /* Firefox can expand fixed-layout tables to millions of pixels when their
       minimum is max-content. Explicit column widths already provide overflow;
       keep the shared minimum neutral so page-specific minimums still apply. */
    min-width: 0 !important;
}