/* ============================================================================
   Swipeable page-number strip — the shared half of `.table-pagination`.

   The list pages (/documents, /templates, /powerforms, /workspaces, /sign) each
   carry their own copy of the base `.table-pagination` rules in their page
   <style> block. This file deliberately adds only NEW class names on top of
   those: a page's own <style> is loaded after this stylesheet, so any selector
   defined in both would lose here. Do not restate `.table-pagination`,
   `.pagination`, `.page-link` or `.page-item` — they belong to the pages.

   Shape: `« ‹` and `› »` sit still at either end and the page numbers scroll
   between them. Every page is rendered, none replaced by an ellipsis: an "…"
   is a dead control that tells the reader page 12 exists and then refuses to
   go there. /js/table-pagination.js scrolls the current page to the middle.
   ============================================================================ */

.table-pagination .pagination-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
}

/* The fixed ends never shrink; only the number strip gives up width. */
.table-pagination .pagination-edge {
    flex-shrink: 0;
}

.table-pagination .pagination-pages {
    flex-shrink: 1;
    max-width: min(280px, 45vw);
    overflow-x: auto;
    overscroll-behavior-x: contain;
    /* 2px of room so a focus ring is not clipped by the scroll box. */
    padding: 2px;
    /* The scrollbar is hidden on purpose — the half-visible button at the edge
       is the affordance, and a 15px-tall bar under 38px buttons is noise.
       No `scroll-behavior: smooth` here: the centring below assigns scrollLeft
       and reads it back, and an animation makes two pagers on the same page
       settle at different offsets. */
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.table-pagination .pagination-pages::-webkit-scrollbar {
    display: none;
}