/* Compact AG Grid spacing for the dark theme (opt-in via ag-compact class) */
.ag-theme-alpine-dark.ag-compact {
    /* Reduce the base grid size so internal paddings shrink */
    --ag-grid-size: 4px; /* default is 8px */
    /* Tighter row and header heights */
    --ag-row-height: 28px;
    --ag-header-height: 28px;
    /* Horizontal padding tokens (supported in recent AG Grid versions) */
    --ag-cell-horizontal-padding: 4px;
}

/* Fallback explicit paddings if variables are ignored */
.ag-theme-alpine-dark.ag-compact .ag-cell {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.ag-theme-alpine-dark.ag-compact .ag-header-cell,
.ag-theme-alpine-dark.ag-compact .ag-header-group-cell {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.ag-theme-alpine-dark.ag-compact .ag-header-cell-label {
    /* Avoid extra internal spacing around header text */
    padding-left: 0;
    padding-right: 0;
}

.dbc .dash-table-container .previous-next-container button:not(:disabled),
.dbc .dash-table-container .previous-next-container input.current-page {
    background-color: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
}