.data-pagination.data-pagination{border-top:1px solid var(--bg-border);background:var(--pagination-surface,var(--bg-surface));color:var(--text-secondary);font-variant-numeric:tabular-nums;gap:16px;padding:14px 20px}.data-pagination .data-pagination__summary{color:var(--text-secondary);font-size:12px;line-height:18px}.data-pagination .data-pagination__summary strong{color:var(--text-primary);font-weight:600}.data-pagination .data-pagination__controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.data-pagination .page-fraction{color:var(--text-secondary);white-space:nowrap;margin-right:4px;font-size:12px;line-height:18px}.data-pagination.data-pagination .page-control{width:28px;min-width:28px;height:28px;min-height:28px;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:5px;flex:0 0 28px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:500;line-height:18px;display:inline-flex}.data-pagination.data-pagination .page-control--wide{border-color:var(--bg-border);background:var(--bg-raised);flex:none;width:auto;min-width:0;padding:4px 10px}.data-pagination.data-pagination .page-control.is-active{color:var(--text-primary);background:0 0;border-color:#0000;font-weight:600}.data-pagination.data-pagination .page-control:disabled{opacity:.4;cursor:default}.data-pagination .page-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}[data-theme=dark] .data-pagination{--pagination-surface:var(--bg-surface)}@media (width<=600px){.data-pagination.data-pagination{gap:10px;padding:12px 16px}.data-pagination .data-pagination__controls{justify-content:flex-end;overflow:visible}}.data-pagination .page-fraction{border:1px solid var(--bg-border);background:var(--bg-raised);font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;min-width:48px;height:28px;margin:0;padding:0 8px;display:grid}
