.pagination-shell {
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 16px;
  border-top:1px solid var(--line);
  background:var(--panel);
}
.pagination-summary,.pagination-summary label,.pagination-pages { display:flex;align-items:center; }
.pagination-summary { gap:18px;color:var(--muted);font-size:12px;font-weight:600; }
.pagination-summary label { gap:8px; }
.pagination-summary select {
  height:34px;
  padding:0 26px 0 9px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--control-bg);
  color:var(--ink);
  font:700 12px DM Sans,sans-serif;
}
.pagination-pages { gap:5px; }
.pagination-pages button {
  min-width:34px;
  height:34px;
  padding:0 8px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--control-bg);
  color:var(--muted);
  font:700 12px DM Sans,sans-serif;
  cursor:pointer;
}
.pagination-pages button:hover:not(:disabled) { border-color:var(--green);color:var(--green); }
.pagination-pages button.active { border-color:var(--green);background:var(--green);color:#fff; }
.pagination-pages button:disabled { opacity:.4;cursor:not-allowed; }
.pagination-ellipsis { width:24px;text-align:center;color:var(--muted); }

@media (max-width:620px) {
  .pagination-shell { align-items:flex-start;flex-direction:column; }
  .pagination-summary { width:100%;justify-content:space-between; }
  .pagination-pages { width:100%;justify-content:flex-end; }
}