.pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 21px;
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: .8125rem;
}
.pagination-buttons { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pagination-buttons button { padding: 7px 10px; min-width: 36px; }
.pagination-buttons button.active { background: var(--purple); border-color: var(--purple); color: #211333; }
.pagination-summary { padding: 14px 21px; border-top: 1px solid var(--line); color: var(--muted); font-size: .8125rem; }
.client-grid + .pagination,
.client-grid + .pagination-summary { margin-top: 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel); }
@media (max-width: 760px) { .pagination { align-items: flex-start; flex-direction: column; } }