/* Pagination · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: Pagination. */
/* families/data-table/family.css */
.dt-pg{font-family:var(--font-voice);font-stretch:var(--font-stretch-title);font-variation-settings:normal;letter-spacing:0}
/* families/data-table/family.css */
.dt-sum{display:flex;align-items:center;gap:var(--s-2);font-size:var(--text-small);color:hsl(var(--muted-foreground))}
/* families/data-table/family.css */
.dt-sum .applied{display:inline-flex;align-items:center;gap:var(--s-1);height:22px;padding:0 var(--s-2);border-radius:var(--r-chip);background:hsl(var(--accent));color:hsl(var(--accent-foreground));font:var(--text-micro)/1 var(--font-code)}
/* families/data-table/family.css */
.dt-pager{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-4);border-top:1px solid hsl(var(--border));font-size:var(--text-small);color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}
/* families/data-table/family.css */
.dt-pager.solo{border:1px solid hsl(var(--border));border-radius:var(--r-card);background:hsl(var(--card))}
/* families/data-table/family.css */
.dt-pager .r{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}
/* families/data-table/family.css */
.dt-pager b{color:hsl(var(--foreground));font-weight:var(--w-medium)}
/* families/data-table/family.css */
.dt-pages{display:flex;align-items:center;gap:2px}
/* families/data-table/family.css */
.dt-pg{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 var(--s-2);border-radius:var(--r-control);font-size:var(--text-btn-sm);font-weight:var(--w-medium);color:hsl(var(--foreground));font-variant-numeric:tabular-nums;transition:background-color var(--motion-hover)}
/* families/data-table/family.css */
.dt-pg:hover, .dt-pg.is-hover{background:hsl(var(--muted))}
/* families/data-table/family.css */
.dt-pg.is-focus{outline:2px solid hsl(var(--ring));outline-offset:1px}
/* families/data-table/family.css */
.dt-pg[aria-current=page]{background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:var(--w-semibold);box-shadow:inset 0 0 0 1px hsl(var(--primary)/.25)}
/* families/data-table/family.css */
.dt-pg[disabled]{opacity:.4;pointer-events:none}
/* families/data-table/family.css */
.dt-pg.gap{pointer-events:none;color:hsl(var(--muted-foreground));min-width:20px}
/* families/data-table/family.css */
.dt-rpp{height:32px;width:auto;padding:0 var(--s-2) 0 var(--s-3);font-size:var(--text-small);gap:var(--s-1)}