/* Swap-only layout correction. Keep the cinematic context on the left while
   making the actual exchange ticket read as one compact, viewport-sized flow. */
body.sx114-swap-layout.stx-swap-route .stx-swap-ticket {
  top: 24px !important;
  bottom: 24px !important;
  padding: 24px 50px 18px !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(184, 207, 237, 0.28) transparent;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-page-head {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-page-head h1,
body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-page-head [role="heading"] {
  margin: 0 !important;
  color: #f5f7fb !important;
  font-size: clamp(34px, 3vw, 44px) !important;
  font-weight: 620 !important;
  line-height: 0.98 !important;
  letter-spacing: -0.045em !important;
}

body.sx114-swap-layout.stx-swap-route .sx114-swap-title-duplicate {
  display: none !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl:has(#sundex-swap-pay-amount) {
  min-height: 0 !important;
  padding: 12px 16px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl:not(:has(#sundex-swap-pay-amount)) {
  min-height: 0 !important;
  padding: 12px 16px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > div:first-child {
  min-height: 21px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > .flex.items-center.gap-3 {
  min-height: 56px !important;
  margin-top: 5px !important;
  padding: 0 12px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > .flex.items-center.gap-3 > button {
  min-width: 142px !important;
  min-height: 44px !important;
  padding-inline: 13px !important;
  font-size: 16px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket #sundex-swap-pay-amount {
  min-height: 54px !important;
  font-size: 30px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > .flex.gap-1\.5 {
  gap: 7px !important;
  min-height: 30px !important;
  margin-top: 5px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > .flex.gap-1\.5 > button {
  min-height: 30px !important;
  padding-block: 3px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > .text-right:last-child {
  margin-top: 4px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-reverse {
  width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  margin-block: 8px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > button {
  margin-top: 12px !important;
}

body.sx114-swap-layout.stx-swap-route.sundex-transaction-system .stx-swap-ticket > button {
  min-height: 54px !important;
  padding: 0 52px 0 20px !important;
  font-size: 17px !important;
}

body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > p {
  margin-top: 6px !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

@media (max-width: 1000px) {
  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket {
    top: 18px !important;
    right: 18px !important;
    bottom: 18px !important;
    left: 18px !important;
    padding: 24px 34px 24px !important;
  }
}

@media (max-width: 640px) {
  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket {
    top: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    left: 8px !important;
    padding: 20px 20px 68px !important;
  }

  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-page-head {
    margin-bottom: 12px !important;
  }

  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-page-head h1,
  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > .sundex-swap-page-head [role="heading"] {
    font-size: 30px !important;
  }

  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl:has(#sundex-swap-pay-amount) {
    min-height: 160px !important;
    padding: 14px !important;
  }

  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl:not(:has(#sundex-swap-pay-amount)) {
    min-height: 102px !important;
    padding: 14px !important;
  }

  body.sx114-swap-layout.stx-swap-route .stx-swap-ticket > div.rounded-2xl > .flex.items-center.gap-3 > button {
    min-width: 124px !important;
  }

  body.sx114-swap-layout.stx-swap-route.sundex-transaction-system .stx-swap-ticket > button {
    min-height: 58px !important;
    font-size: 17px !important;
  }
}