/* One New pager skin for server links, AJAX spans/buttons and the search/navigation variants. */
html :is(.pagination, .header-search-results__pages, .client-notification-pagination) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px;
  cursor: default;
  user-select: none;
}
html .pagination.ps-app__1094,
html.ps-v2 .pagination.ps-updates-pagination { gap: 4px !important; }
html .pagination :is(.pagination-bullet, .prev-btn, .next-btn),
html .pagination :is(.pagination-bullet, .prev-btn, .next-btn) > :is(a, span),
html .header-search-results__pages > :is(a, span),
html .client-notification-pagination > a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  min-width: 36px;
  height: 36px;
  margin: 0;
  padding: 0 8px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  color: var(--ink2);
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
  transition: background .15s, color .15s;
}
html .pagination :is(.pagination-bullet, .prev-btn, .next-btn):has(> :is(a, span)) { padding: 0; }
html .pagination :is(.pagination-bullet, .prev-btn, .next-btn) > :is(a, span) { width: 100%; }
html .pagination .pagination-bullet__active,
html .header-search-results__pages > [aria-current="page"] {
  border-radius: 11px;
  background: var(--sel);
  color: var(--accent);
  font-weight: 700;
  cursor: default;
  pointer-events: none;
}
html .pagination .pagination-bullet__active > :is(a, span) { color: inherit; font-weight: inherit; }
/* The existing AJAX span producers place previous/next in the first/last clickable bullet. */
html .pagination :is(.prev-btn, .next-btn),
html .pagination > button.pagination-bullet,
html .pagination > .pagination-bullet[onclick]:is(:first-child, :last-child),
html .header-search-results__pages > .header-search-results__arrow,
html .client-notification-pagination > a {
  background: var(--card);
  box-shadow: inset 0 0 0 1px var(--line2);
}
html .pagination :is(a[href], button, .pagination-bullet[onclick]),
html .header-search-results__pages > a,
html .client-notification-pagination > a { cursor: pointer; }
html .pagination :is(a[href], button, .pagination-bullet[onclick]):hover,
html .header-search-results__pages > a:hover,
html .client-notification-pagination > a:hover { background: var(--hover); color: var(--accent); }
html .pagination :is(a[href], button):focus-visible,
html .header-search-results__pages > a:focus-visible,
html .client-notification-pagination > a:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
html .pagination .pagination-inactive,
html .pagination [aria-disabled="true"],
html .pagination :disabled,
html .header-search-results__pages > [aria-disabled="true"] { color: var(--dash); cursor: default; }
html .header-search-results__pages > .header-search-results__ellipsis { color: var(--muted2); cursor: default; }
html .pagination .pagination-inactive > span { color: inherit; }