/* v0.71 FIX1 — long-list pagination */
.erp071-page-hidden { display:none!important; }

.erp071-pagination {
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:14px;
  margin:12px 0 22px;
  min-height:52px;
  padding:8px 10px;
  color:var(--ui-muted,#718096);
  font-size:12px;
}

.erp071-pagination-summary {
  display:flex;
  align-items:center;
  gap:8px;
  justify-self:start;
  white-space:nowrap;
}
.erp071-pagination-summary b {
  color:var(--ui-text-strong,#10233f);
  font-variant-numeric:tabular-nums;
}
.erp071-pagination-total {
  color:#8897aa;
}

.erp071-pagination-pages {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-width:0;
}

.erp071-page-number,
.erp071-page-nav {
  appearance:none;
  min-width:34px;
  height:34px;
  padding:0 8px;
  border:1px solid #dbe3ee;
  border-radius:9px;
  background:#fff;
  color:#50657f;
  font-size:12px;
  font-weight:750;
  line-height:1;
  box-shadow:0 1px 2px rgba(17,39,73,.025);
  cursor:pointer;
}
.erp071-page-number:hover:not(:disabled),
.erp071-page-nav:hover:not(:disabled) {
  border-color:#b9ccef;
  color:#205fcf;
  background:#f7faff;
}
.erp071-page-number.active {
  color:#fff;
  border-color:#2f6fed;
  background:linear-gradient(180deg,#397bed,#2868df);
  box-shadow:0 4px 10px rgba(47,111,237,.18);
}
.erp071-page-nav:disabled {
  opacity:.38;
  cursor:not-allowed;
}
.erp071-page-ellipsis {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:25px;
  color:#9ba8b7;
}

.erp071-page-size {
  display:flex;
  align-items:center;
  justify-self:end;
  gap:7px;
  color:#718096;
  font-weight:700;
  white-space:nowrap;
}
.erp071-page-size select {
  min-width:74px!important;
  height:34px!important;
  padding:0 28px 0 10px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:700!important;
}

@media (max-width:760px) {
  .erp071-pagination {
    grid-template-columns:1fr auto;
    grid-template-areas:
      "summary size"
      "pages pages";
    gap:10px;
    padding:8px 2px 4px;
    margin-bottom:18px;
  }
  .erp071-pagination-summary {
    grid-area:summary;
    font-size:11px;
  }
  .erp071-page-size {
    grid-area:size;
  }
  .erp071-pagination-pages {
    grid-area:pages;
    overflow-x:auto;
    justify-content:flex-start;
    padding:2px 0 4px;
    scrollbar-width:none;
  }
  .erp071-pagination-pages::-webkit-scrollbar { display:none; }
  .erp071-page-number,
  .erp071-page-nav {
    min-width:36px;
    height:36px;
    flex:0 0 auto;
  }
}