:root {
  --sx90-line: rgba(205, 221, 242, 0.34);
  --sx90-line-hover: rgba(226, 237, 251, 0.62);
  --sx90-panel: rgba(5, 10, 17, 0.84);
}

/* Processing headers: one unambiguous way back, no redundant mode switch. */
body.sundex-transaction-system .stx-mode-switch {
  display: none !important;
}

body.sundex-transaction-system .stx-shell > .stx-head > button.stx-back-control,
body.sundex-transaction-system .stx-sell-inner > .stx-head > button.stx-back-control {
  position: absolute !important;
  top: 34px !important;
  right: clamp(34px, 4vw, 58px) !important;
  z-index: 6 !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 104px !important;
  height: 44px !important;
  min-height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 0 17px !important;
  border: 1px solid var(--sx90-line) !important;
  border-radius: 999px !important;
  color: #eef3f9 !important;
  background: rgba(3, 7, 13, 0.72) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035) !important;
  backdrop-filter: blur(14px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
  opacity: 1 !important;
  transform: none !important;
  transition: border-color 160ms ease, background-color 160ms ease, transform 160ms ease !important;
}

body.sundex-transaction-system .stx-head > button.stx-back-control:hover {
  border-color: var(--sx90-line-hover) !important;
  background: rgba(9, 15, 24, 0.9) !important;
  transform: translateY(-1px) !important;
}

body.sundex-transaction-system .stx-head > button.stx-back-control:active {
  transform: translateY(0) scale(0.985) !important;
}

body.sundex-transaction-system .stx-head > button.stx-back-control svg {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
}

body.sundex-transaction-system .stx-back-label {
  display: inline !important;
  font-size: 14px !important;
  font-weight: 580 !important;
  line-height: 1 !important;
  letter-spacing: -0.01em !important;
}

/* Wallet activity uses deliberate gutters and columns at every laptop width. */
body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-panel {
  min-width: 0 !important;
}

body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-panel > div:first-child,
body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table > [role="row"]:first-child,
body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table .divide-y > [role="row"] {
  box-sizing: border-box !important;
  padding-right: clamp(22px, 2vw, 30px) !important;
  padding-left: clamp(22px, 2vw, 30px) !important;
}

body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table > [role="row"]:first-child,
body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table .divide-y > [role="row"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(72px, 0.7fr) minmax(96px, 0.9fr) !important;
  column-gap: clamp(12px, 1.35vw, 20px) !important;
  align-items: center !important;
}

body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table [role="row"] > * {
  min-width: 0 !important;
}

body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table [role="row"] > :last-child {
  padding-right: 2px !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

/* The loading canvas owns the viewport; the logo stack never becomes the canvas. */
.sx90-loader-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 9999 !important;
  display: grid !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #04070c !important;
  transform: none !important;
  translate: none !important;
}

.sx90-loader-overlay.sx89-loader-stack {
  width: 100vw !important;
  max-width: none !important;
  flex-direction: initial !important;
  gap: 0 !important;
}

.sx90-loader-stack {
  position: static !important;
  display: flex !important;
  width: min(270px, 66vw) !important;
  max-width: 66vw !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  place-self: center !important;
  gap: 34px !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
}

.sx90-loader-overlay .sundex-flow-loading-copy {
  display: none !important;
}

/* Swap picker: compact search and a stable selected-asset label. */
body[data-sx88-route="swap"] input[placeholder="Search coin..."],
body.stx-swap-route input[placeholder="Search coin..."] {
  height: 36px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

@media (max-width: 900px) {
  body.sundex-transaction-system .stx-head {
    padding-right: 122px !important;
  }

  body.sundex-transaction-system .stx-shell > .stx-head > button.stx-back-control,
  body.sundex-transaction-system .stx-sell-inner > .stx-head > button.stx-back-control {
    top: 22px !important;
    right: 20px !important;
    min-width: 92px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
  }

  body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table > [role="row"]:first-child,
  body[data-sx88-route="wallet"] .wallet-premium.wallet65-ready .wallet-activity-table .divide-y > [role="row"] {
    grid-template-columns: minmax(0, 1fr) minmax(62px, 0.62fr) minmax(86px, 0.82fr) !important;
    column-gap: 10px !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sundex-transaction-system .stx-head > button.stx-back-control {
    transition: none !important;
  }
}