/*
 * Application states that r005 does not draw (loading, inline errors, disabled rows).
 * tokens.css, reset.css, base.css and wireframe.css are verbatim copies of
 * wireframes/r005-simplified-templates/lib and must not be edited; add rules here
 * only when no wireframe class expresses the state, using wireframe tokens.
 */

/* Collection pager: rows-per-page on the left, the page range and Previous / Next on the right. */
.pager { display: flex; align-items: center; justify-content: space-between; gap: var(--wf-space-3); flex-wrap: wrap; }
.pager-size { display: flex; align-items: center; gap: var(--wf-space-2); }
.pager-size-label { color: var(--wf-text-muted); font-size: var(--wf-text-sm); white-space: nowrap; }
.pager-size .select { width: auto; min-width: 0; height: 32px; min-height: 32px; padding-block: 0; padding-right: var(--wf-space-5); font-size: var(--wf-text-sm); }
.pager-range { margin-left: auto; color: var(--wf-text-muted); font-size: var(--wf-text-sm); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (max-width: 700px) {
  .pager { row-gap: var(--wf-space-3); }
  .pager .page-actions { width: 100%; }
}