/* Shared Django/client table footer. Bootstrap supplies interaction states;
   colors and geometry follow the existing table controls and design tokens. */
.table-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    padding: 0.6rem 1rem;
    border-top: 1px solid var(--border-color);
    background: var(--surface-sunken);
    color: var(--text-secondary);
    font-size: 0.82rem;
}
.table-pagination__summary {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}
.table-pagination__summary .tc-filter-info:not([hidden]) {
    display: block;
    margin-top: 0.25rem;
    font-size: inherit;
}
.table-pagination__info {
    margin: 0;
    font-size: inherit;
}
.table-pagination__nav {
    min-width: 0;
    max-width: 100%;
    margin-inline-start: auto;
}
.table-pagination .pagination {
    --bs-pagination-font-size: 0.82rem;
    --bs-pagination-padding-x: 0.6rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-border-radius: var(--radius-sm);
    --bs-pagination-color: var(--input-text);
    --bs-pagination-bg: var(--surface-card);
    --bs-pagination-border-color: var(--input-border);
    --bs-pagination-hover-color: var(--text-primary);
    --bs-pagination-hover-bg: var(--surface-muted);
    --bs-pagination-hover-border-color: var(--input-border);
    --bs-pagination-focus-color: var(--text-primary);
    --bs-pagination-focus-bg: var(--surface-muted);
    --bs-pagination-active-bg: var(--action-green);
    --bs-pagination-active-border-color: var(--action-green);
    --bs-pagination-active-color: #fff;
    --bs-pagination-disabled-color: var(--text-secondary);
    --bs-pagination-disabled-bg: var(--surface-sunken);
    --bs-pagination-disabled-border-color: var(--input-border);
    margin: 0;
    gap: 0.2rem;
    flex-wrap: wrap;
    align-items: center;
}
.table-pagination .page-item .page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    margin: 0;
    border-radius: var(--radius-sm);
    font-weight: 600;
    line-height: 1.5;
    white-space: nowrap;
}
.table-pagination .disabled .page-link {
    opacity: 0.6;
}
html[data-theme="dark"] .table-pagination .pagination {
    --bs-pagination-active-color: #0f1a14;
}
@media (prefers-color-scheme: dark) {
    html[data-theme="auto"] .table-pagination .pagination {
        --bs-pagination-active-color: #0f1a14;
    }
}
@media (max-width: 575.98px) {
    .table-pagination {
        flex-direction: column;
        align-items: stretch;
        padding: 0.6rem 0.75rem;
    }
    .table-pagination__nav {
        margin-inline-start: 0;
    }
    .table-pagination .pagination {
        justify-content: center;
    }
}
@media print {
    .table-pagination { display: none; }
}