/* Shared DevExtreme / list-page shell — keep tables fully visible & scrollable */

.page-shell,
.dx-grid-page {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.dx-grid-card {
    border-radius: 12px;
    overflow: visible;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    background: linear-gradient(135deg, #0fae64, #00692f);
}

.dx-grid-card .card-body,
.dx-grid-body {
    overflow-x: auto;
    min-width: 0;
    background: #fff;
}

.dx-grid-host,
#dataGridContainer,
#pendingGrid,
#recordedGrid {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.dx-grid-card .dx-datagrid,
.dx-grid-host .dx-datagrid {
    max-width: 100%;
}

.dx-grid-card .dx-scrollable-wrapper,
.dx-grid-host .dx-scrollable-wrapper {
    min-width: 0;
}