/* Shared pager control - see includes/pagination.php (pagination_html()).
   Kept out of app.css because that file is Tailwind build output and gets
   overwritten by `npm run build:css`; this one is hand-written and stable. */

.pg-bar { background: var(--surface, #f8fafc); }

.pg-num {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2rem; height: 2rem; padding: 0 .375rem;
  border-radius: .5rem; font-size: .75rem; font-weight: 600;
  color: var(--muted-foreground, #64748b);
  text-decoration: none;
}
.pg-num:hover { background: var(--muted, #f1f5f9); color: var(--foreground, #0f172a); }
.pg-num-active {
  background: #1b4580; color: #fff;
}
.pg-num-active:hover { background: #1b4580; color: #fff; }

.pg-ellipsis {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 1.25rem; height: 2rem; color: var(--muted-foreground, #64748b);
  font-size: .75rem;
}

.pg-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  height: 2rem; width: 2rem; border-radius: .5rem;
  color: var(--muted-foreground, #64748b);
  text-decoration: none;
}
.pg-arrow:hover { background: var(--muted, #f1f5f9); color: var(--foreground, #0f172a); }
.pg-arrow-disabled { opacity: .35; cursor: default; pointer-events: none; }