/* NEXORA TRADE - Transactions Pagination Only */

.vtx-page .vtx-pagination {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px auto 22px !important;
  padding: 0 4px !important;
  box-sizing: border-box !important;
}

.vtx-page .vtx-page-numbers {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
}

.vtx-page .vtx-page-numbers::-webkit-scrollbar {
  display: none;
}

.vtx-page .vtx-pagination .vtx-page-number,
.vtx-page .vtx-pagination .vtx-page-arrow {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  width: 33px !important;
  min-width: 33px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 5px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #30343d !important;
  color: #e7ff51 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.vtx-page .vtx-pagination .vtx-page-number.is-active {
  background: #e7ff51 !important;
  color: #171d24 !important;
}

.vtx-page .vtx-pagination .vtx-page-arrow {
  background: #30343d !important;
  color: #e7ff51 !important;
}

.vtx-page .vtx-pagination .vtx-page-arrow:disabled {
  opacity: .35 !important;
}

.vtx-page .vtx-page-numbers > span {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 16px !important;
  height: 36px !important;
  color: #e7ff51 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

@media (max-width: 380px) {
  .vtx-page .vtx-pagination {
    gap: 4px !important;
  }

  .vtx-page .vtx-page-numbers {
    gap: 4px !important;
  }

  .vtx-page .vtx-pagination .vtx-page-number,
  .vtx-page .vtx-pagination .vtx-page-arrow {
    width: 30px !important;
    min-width: 30px !important;
    height: 34px !important;
  }
}


/* NXR-TX-BOTTOM-SCROLL-V1 */

/* Keep the final transaction and pagination clear
   of the fixed Telegram bottom navigation. */

.vtx-page .vtx-content {
  padding-bottom: calc(180px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
}

.vtx-page .vtx-pagination {
  margin-bottom: 24px !important;
}


/* NXR-TX-REAL-BOTTOM-SPACER-V2 */

/* Real scrollable space after Transactions content. */
.vtx-page .vtx-content::after {
  content: "" !important;
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 160px !important;
  min-height: 160px !important;
  flex: 0 0 160px !important;
  grid-column: 1 / -1 !important;
  pointer-events: none !important;
}

/* Preserve pagination layout. */
.vtx-page .vtx-pagination {
  margin-bottom: 24px !important;
}

/* Allow extra room when scrolling to the bottom. */
.vtx-page {
  scroll-padding-bottom: 160px !important;
}