/* Scoped pagination chrome shared by the selected public and admin designs. */
.ym-pagination { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 20px; width:100%; min-width:0; margin:14px 0 0; padding:14px 16px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); font:inherit; box-sizing:border-box; }
.ym-pagination * { box-sizing:border-box; }
.ym-pagination .ym-page-summary { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.ym-pagination .ym-page-options { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 14px; min-width:0; }
.ym-pagination .ym-page-size { display:flex; align-items:center; gap:6px; margin:0; color:var(--muted); font-size:12px; font-weight:400; white-space:nowrap; }
.ym-pagination select[data-page-size] { width:auto; min-width:58px; min-height:36px; margin:0; padding:6px 8px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--text); font:inherit; }
.ym-pagination .ym-page-buttons { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:5px; }
.ym-pagination button { display:inline-flex; align-items:center; justify-content:center; min-width:34px; min-height:36px; margin:0; padding:6px 10px; border:1px solid var(--border); border-radius:7px; background:var(--surface); color:var(--text); font:inherit; font-size:12px; line-height:1.4; white-space:nowrap; cursor:pointer; }
.ym-pagination button[aria-current="page"] { border-color:var(--accent); background:var(--accent-soft); color:var(--accent); font-weight:700; }
.ym-pagination button:hover:not(:disabled) { border-color:var(--accent); }
.ym-pagination button:disabled { opacity:.45; cursor:not-allowed; }
.ym-pagination :where(button,select):focus-visible { outline:3px solid var(--focus,var(--accent)); outline-offset:3px; }
.ym-pagination .ym-page-gap, .ym-pagination .ym-page-position { color:var(--muted); font-size:12px; white-space:nowrap; }
.ym-history-label { display:inline-block; margin:3px 4px; padding:2px 6px; border:1px solid var(--border); border-radius:5px; color:var(--muted); background:var(--surface-2); font-size:11px; font-weight:400; }
.ym-history-note { margin:12px 0; color:var(--muted); font-size:12px; line-height:1.7; }
@media (max-width:620px) {
 .ym-pagination { padding:12px; gap:10px; }
 .ym-pagination .ym-page-options { width:100%; justify-content:flex-start; }
 .ym-pagination .ym-page-buttons { justify-content:flex-start; gap:4px; }
 .ym-pagination button { min-width:34px; min-height:44px; padding-inline:8px; }
 .ym-pagination select[data-page-size] { min-height:44px; font-size:16px; }
}
@media (forced-colors:active) { .ym-pagination button[aria-current="page"] { outline:2px solid Highlight; } }