/* ===== PAGER BUNDLE: PAGINATION ROW ===== */
/* DOCS: AI Resources/Core Resources/Code Documentation/page_templates/css/pager/main.md */

/* ----- PAGINATION ROW: THE GLOBAL .Pager ----- */
.Pager { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; justify-items: start; gap: 16px; margin-top: 14px; font-family: var(--Font_Header); font-weight: bold; font-size: var(--Font_Text_Mid); color: var(--Color_Text_Cool); }
.Pager > :last-child { justify-self: end; }
.Pager_Nav { grid-column: 2; display: flex; align-items: center; gap: 2px; }
.Pager_Page { min-width: 96px; text-align: center; color: var(--Color_Text); }

/* ----- GLOBAL PAGINATION: A .Paged_Region HOLDS A LIST + A .Pager ----- */
.Paged_Region { display: block; }
.Paged_Region_Loading { opacity: 0.6; pointer-events: none; }
.Paged_Region .Pager_Page { width: 150px; flex-shrink: 0; }
.Pager .Field_Input { box-sizing: border-box; width: 54px; height: 32px; text-align: center; padding-left: 0; padding-right: 0; vertical-align: middle; }