/* SUNDEX deposit coin-selection geometry — p110.
 * Keep the title comfortably inside the metal frame, align Back with the
 * explanatory copy, and scroll the asset rows inside the ticket boundary. */

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-shell {
  grid-template-rows: 166px minmax(0, 1fr) !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-head {
  padding-top: 44px !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .stx-head
  > :is(.stx-back-control, .sx96-back-control) {
  display: none !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-stage {
  padding-top: 4px !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .sx110-select-heading {
  position: relative !important;
  min-width: 0 !important;
  margin-bottom: 24px !important;
  padding-right: 112px !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .sx110-deposit-back {
  position: absolute !important;
  right: 0 !important;
  bottom: -1px !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 88px !important;
  height: 34px !important;
  min-height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid rgba(183, 201, 226, 0.24) !important;
  border-radius: 11px !important;
  color: #a5afbd !important;
  background: rgba(10, 16, 25, 0.66) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  font: inherit !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 1 !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: color 150ms ease, border-color 150ms ease, background-color 150ms ease !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .sx110-deposit-back
  svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 14px !important;
}

@media (hover: hover) and (pointer: fine) {
  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
    .sx110-deposit-back:hover {
    color: #eef3fa !important;
    border-color: rgba(218, 231, 248, 0.54) !important;
    background: rgba(18, 26, 38, 0.78) !important;
  }
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .sx110-coin-scroll {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: var(--sx110-coin-list-height, min(520px, 55dvh)) !important;
  padding: 0 6px 16px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(180, 201, 228, 0.25) transparent !important;
  border-radius: 17px !important;
  clip-path: inset(0 round 17px) !important;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .sx110-coin-scroll::-webkit-scrollbar {
  width: 5px;
}

body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
  .sx110-coin-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(180, 201, 228, 0.25);
}

@media (max-height: 780px) and (min-width: 1001px) {
  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-shell {
    grid-template-rows: 154px minmax(0, 1fr) !important;
  }

  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-head {
    padding-top: 36px !important;
  }
}

@media (max-width: 1000px) {
  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-shell {
    grid-template-rows: 148px minmax(0, 1fr) !important;
  }

  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-head {
    padding-top: 34px !important;
  }
}

@media (max-width: 640px) {
  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-shell {
    grid-template-rows: 150px minmax(0, 1fr) !important;
  }

  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select .stx-head {
    padding-top: 30px !important;
  }

  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
    .sx110-select-heading {
    padding-right: 86px !important;
  }

  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
    .sx110-deposit-back {
    min-width: 76px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sundex-transaction-system.stx-funding-route.sx110-deposit-select
    .sx110-deposit-back {
    transition: none !important;
  }
}