/* Shared by the V10 PC shell and its native plugin pagers, including dialogs.
   Only pagination is scoped here; form fields and purchase controls keep their own styles. */
#addons_js .el-pagination {
  --v10-page-height:36px;
  display:flex;
  flex:1 1 auto;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  min-width:0;
  max-width:100%;
  padding:0;
  white-space:normal;
  font:400 14px/20px -apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;
  font-variant-numeric:tabular-nums;
}
#addons_js :is(.myPage,.custom-pagination) { min-width:0; max-width:100%; }
#addons_js .custom-pagination { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding-bottom:0; }
#addons_js .custom-pagination > .myPage { flex:1 1 auto; }
#addons_js .el-pagination :is(.el-pagination__sizes,.el-pagination__total,.page-total,.el-pagination__jump) {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  height:var(--v10-page-height);
  margin:0;
  font:inherit;
  font-size:14px !important;
  line-height:20px;
  white-space:nowrap;
}
#addons_js .el-pagination :is(.page-total,.el-pagination__total) { display:inline-flex !important; margin-right:auto; color:#74849c; }
#addons_js .el-pagination .el-pagination__sizes :is(.el-select,.el-input) { display:inline-flex; width:120px; height:var(--v10-page-height); margin:0; vertical-align:middle; }
#addons_js .el-pagination .el-input__inner {
  box-sizing:border-box;
  width:100%;
  height:var(--v10-page-height) !important;
  min-height:var(--v10-page-height) !important;
  margin:0;
  padding:0 10px;
  border:1px solid #dbe3ef;
  border-radius:0;
  font-family:inherit;
  font-size:14px !important;
  font-weight:400;
  line-height:normal;
  text-align:center;
  vertical-align:middle;
  outline:none;
  box-shadow:none;
}
#addons_js .el-pagination .el-input__inner:focus { border-color:#246bfe; }
#addons_js .el-pagination .el-pagination__sizes .el-input__inner { padding-right:32px; }
#addons_js .el-pagination .el-input__suffix { display:flex; align-items:center; justify-content:center; top:0; right:6px; height:100%; }
#addons_js .el-pagination .el-input__suffix-inner { display:flex; align-items:center; height:100%; }
#addons_js .el-pagination .el-input__icon { display:inline-flex; align-items:center; justify-content:center; width:20px; height:100%; margin:0; line-height:1; }
#addons_js .el-pagination .el-pagination__jump { gap:8px; margin-left:0; }
#addons_js .el-pagination .el-pagination__editor { display:inline-flex; align-items:center; width:52px; height:var(--v10-page-height); margin:0; padding:0; vertical-align:middle; }
#addons_js .el-pagination .el-pagination__editor .el-input__inner { padding:0 4px; }
#addons_js .el-pagination .el-pager { display:inline-flex; flex:0 1 auto; flex-wrap:wrap; align-items:center; gap:6px; max-width:100%; margin:0; padding:0; vertical-align:middle; }
#addons_js .el-pagination :is(.btn-prev,.btn-next,.el-pager > li) {
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:auto;
  min-width:var(--v10-page-height);
  height:var(--v10-page-height);
  margin:0;
  padding:0 8px;
  border:1px solid #dbe3ef;
  border-radius:4px;
  background:#fff;
  font-family:inherit;
  font-size:14px !important;
  font-weight:400;
  line-height:20px;
  vertical-align:middle;
}
#addons_js .el-pagination :is(.btn-prev,.btn-next) :is(i,span),
#addons_js .el-pagination .el-pager > li::before { display:inline-flex; align-items:center; justify-content:center; height:auto; margin:0; font-size:14px; line-height:20px; }
#addons_js .el-pagination .el-pager > li.active { border-color:#246bfe; background:#eef5ff; color:#246bfe; font-weight:600; }
#addons_js .el-pagination .el-pager > li[class*="el-icon-"] { font-family:element-icons !important; }
#addons_js .el-pagination :is(.btn-prev,.btn-next):disabled,
#addons_js .el-pagination .el-pager.disabled > li { border-color:#e6ebf3; background:#f8faff; color:#b2bdcd; cursor:not-allowed; }
#addons_js .el-pagination .el-pagination__rightwrapper { display:flex; flex-wrap:wrap; align-items:center; gap:8px; float:none; margin-left:auto; max-width:100%; }
#addons_js .custom-pagination > .manual-btn { display:inline-flex; flex-wrap:wrap; align-items:center; gap:8px; }
#addons_js .custom-pagination > .manual-btn .el-button { display:inline-flex; align-items:center; justify-content:center; min-height:36px; height:36px; margin:0; padding:0 14px; font-size:14px; line-height:20px; }
@media (max-width:600px) {
  #addons_js .el-pagination { justify-content:center; gap:8px 6px; }
  #addons_js .el-pagination :is(.page-total,.el-pagination__total) { margin:0; }
  #addons_js .custom-pagination { justify-content:center; }
}