.af-app-pagination {
  display: flex; align-items: center; justify-content: center; flex-wrap: wrap;
  gap: .5rem; width: 100%; margin: 2rem auto 0; padding-top: 1.5rem;
  border-top: 1px solid #d7dfe3; color: #172b36;
}
.af-app-pagination :is(a, button, input) { box-sizing: border-box; min-height: 44px; margin: 0; font: inherit; font-size: .9375rem; }
.af-app-pagination :is(.af-app-pagination__button, .af-app-pagination__go) {
  display: inline-flex; align-items: center; justify-content: center; gap: .35rem;
  min-width: 44px; padding: .55rem .8rem; border: 1px solid #687681; border-radius: 6px;
  background: #fff; color: #172b36; text-decoration: none; line-height: 1.3; font-weight: 600;
}
.af-app-pagination :is(a, button):not(:disabled):not([aria-disabled=true]):hover { background: #eef4f7; border-color: #005a9c; color: #005a9c; }
.af-app-pagination :is(button, input):disabled, .af-app-pagination [aria-disabled=true] { background: #f1f3f5; color: #697680; border-color: #c4cdd2; opacity: 1; cursor: not-allowed; }
.af-app-pagination__icon { font-size: 1.35rem; line-height: 1; }
.af-app-pagination__jump { display: flex; align-items: center; justify-content: center; gap: .5rem; margin: 0 .25rem; }
.af-app-pagination__jump label { margin: 0; font-size: .9375rem; }
.af-app-pagination__jump input[type=number] { width: 4.75rem; padding: .4rem .35rem; border: 1px solid #687681; border-radius: 6px; background: #fff; color: #172b36; text-align: center; }
.af-app-pagination__total { font-size: .9375rem; white-space: nowrap; }
.af-app-pagination .af-app-pagination__go:not(:disabled) { background: #005a9c; border-color: #005a9c; color: #fff; cursor: pointer; }
.af-app-pagination :is(a, button, input):focus-visible { outline: 3px solid #005a9c; outline-offset: 3px; }
.af-app-pagination[aria-busy=true] { cursor: progress; }
@media (max-width: 1000px) {
  .af-app-pagination { display: grid; grid-template-columns: repeat(4, minmax(44px, 3.5rem)); justify-content: center; }
  .af-app-pagination__jump { grid-column: 1 / -1; grid-row: 1; margin: 0 0 .5rem; }
  .af-app-pagination__button .af-app-pagination__text { display: none; }
}

/* Admin wrappers must grow with the same centered controls. */
.af-app-pagination { font-size: 16px; line-height: 1.5; float: none; }
.af-app-pagination[hidden] { display: none; }
.af-app-pagination .af-app-pagination__jump { flex-wrap: nowrap; }
.af-app-pagination .af-app-pagination__jump input[type=number] { height: 44px; min-height: 44px; max-width: none; margin: 0; }
.af-app-pagination .af-app-pagination__button { height: auto; width: auto; margin: 0; }
.af-app-pagination__summary { flex-basis: 100%; text-align: center; font-size: 13px; color: #596773; }
.tablenav:has(.af-app-pagination) { height: auto; min-height: 30px; }
.tablenav .tablenav-pages:has(.af-app-pagination), .tablenav-pages.af-app-pagination { float: none; height: auto; width: 100%; }
.tablenav-pages:has(.af-app-pagination) > .displaying-num { display: block; text-align: center; }
@media (max-width: 1000px) {
  .af-app-pagination__summary { grid-column: 1 / -1; grid-row: 3; }
}