/* Shared "N per halaman" pagination bar -- used below the Data Unit grid and the Record
   Perbaikan DMS list so a large result set no longer means one very long, hard-to-scroll page.
   Lives inside #content, so it's already covered by the dark-mode invert filter in theme.css --
   only light-mode colors are defined here, same as the rest of these two pages. */
.pagination-nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:14px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}
.pagination-nav:empty{display:none}
.pagination-nav .pagination-range{font-size:12px;color:#64748b;font-weight:600}
.pagination-nav .pagination-pages{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pagination-nav .pagination-pages button{min-width:32px;height:32px;padding:0 8px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#334155;font:inherit;font-weight:700;font-size:12.5px;cursor:pointer;transition:background .15s ease,border-color .15s ease}
.pagination-nav .pagination-pages button:hover:not(:disabled):not(.active){border-color:#94a3b8;background:#f8fafc}
.pagination-nav .pagination-pages button.active{background:#2563eb;border-color:#2563eb;color:#fff;cursor:default}
.pagination-nav .pagination-pages button:disabled{opacity:.4;cursor:not-allowed}
.pagination-nav .pagination-ellipsis{padding:0 4px;color:#94a3b8;font-size:12.5px}
@media(max-width:640px){.pagination-nav{justify-content:center;text-align:center}}