.pagination{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:14px 20px;border-top:0;border-bottom:1px solid #e3ebe5;color:#476662;font-size:14px}
.pagination-summary,.pagination-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.rows-per-page{display:flex;align-items:center;gap:9px;margin:0;white-space:nowrap;font-size:14px}
.rows-per-page select{width:90px;margin:0;padding:5px 10px}
.page-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.page-number{min-width:36px;font-variant-numeric:tabular-nums}
.page-number.active{background:#205a58;color:#fff;font-weight:700}
.page-gap{padding:0 3px;color:#718681}
.page-jump,.page-jump label{display:flex;align-items:center;gap:8px;margin:0;font-size:14px}
.page-jump input{width:78px;margin:0;padding:5px 8px;text-align:center}
.pagination-navigation:has(.page-links:empty):not(:has(.page-jump)){display:none}
.panel[data-show-all=true]>.table-wrap,.panel[data-show-all=true]>.inventory-table>.table-wrap{max-height:70vh;overflow:auto}
.panel[data-show-all=true] thead th{position:sticky;top:0;z-index:1}
@media(max-width:720px){.pagination{padding:12px;gap:10px}.pagination-summary{align-items:flex-start}.pagination-navigation{gap:12px}.page-links{gap:4px}.page-links button{padding:5px 9px}.page-jump{flex-wrap:wrap}.page-jump input{width:72px}}