/* 统一分页组件：与「新客户管理」分页条的功能与视觉保持一致。
   结构：.pgr-bar > (.pgr-total + .pgr-right > 尺寸表单 + 上一页 + 页码 + 下一页 + 跳转表单) */
.pgr-bar {
  background: #fff; border: 1px solid #ebeef3; border-radius: 8px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 14px 16px; flex-wrap: wrap; width: 100%; margin: 14px 0;
}
.pgr-bar.pgr-bar--plain { background: transparent; border: 0; padding: 0; margin: 0; }
.pgr-total { font-size: 13px; color: #6b7794; white-space: nowrap; }
.pgr-right { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pgr-size-form, .pgr-jump-form { display: flex; align-items: center; gap: 6px; margin: 0; }
.pgr-size {
  appearance: none; -webkit-appearance: none;
  border: 1px solid #ebeef3; border-radius: 6px; background: #fff;
  padding: 5px 8px; font-size: 13px; color: #1f2937; cursor: pointer;
}
.pgr-btn, .pgr-num {
  min-width: 28px; height: 28px; border: 1px solid #ebeef3; background: #fff;
  border-radius: 6px; font-size: 13px; color: #4a5468; padding: 0 8px;
  display: inline-flex; align-items: center; justify-content: center;
  text-decoration: none; cursor: pointer; box-sizing: border-box;
}
.pgr-num:hover, .pgr-btn:hover { border-color: #5b8def; color: #5b8def; }
.pgr-num.active { background: #5b8def; border-color: #5b8def; color: #fff; }
.pgr-btn.disabled { color: #c5cee0; cursor: default; background: #fafbfd; }
.pgr-btn.disabled:hover { border-color: #ebeef3; color: #c5cee0; }
.pgr-ellipsis { padding: 0 4px; color: #98a2b3; font-size: 13px; }
.pgr-jump-label { font-size: 13px; color: #6b7794; padding: 0 4px; white-space: nowrap; }
.pgr-jump {
  width: 48px; border: 1px solid #ebeef3; border-radius: 6px;
  padding: 5px 6px; font-size: 13px; text-align: center; background: #fff;
}
.pgr-jump:focus { outline: 0; border-color: #5b8def; box-shadow: 0 0 0 3px rgba(91, 141, 239, .12); }

@media (max-width: 760px) {
  .pgr-bar { align-items: flex-start; flex-direction: column; padding: 11px; }
  .pgr-bar.pgr-bar--plain { padding: 0; }
  .pgr-right { width: 100%; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; }
  .pgr-jump { width: 42px; }
}