/* SUNDEX withdrawal details refinement — p76.
 * The generic amount-step treatment was too expansive for the withdrawal
 * ticket. This route-scoped layer restores a compact, readable form rhythm
 * and gives the destination address the visual priority it needs.
 */

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount {
  padding-right: 46px !important;
  padding-left: 46px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount > .w-full {
  width: 100% !important;
  max-width: 780px !important;
  margin-right: auto !important;
  margin-left: 0 !important;
  padding-bottom: 30px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount > .w-full > .space-y-4 {
  display: grid !important;
  gap: 18px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount > .w-full > .space-y-4 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .text-center.mb-2 {
  margin-bottom: 4px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .text-center.mb-2 h2 {
  margin-bottom: 7px !important;
  font-size: 30px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .text-center.mb-2 p {
  font-size: 15px !important;
}

/* Selected asset: align it with the fields instead of floating in the middle. */
body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .flex.items-center.justify-center.gap-3.py-2 {
  justify-content: flex-start !important;
  gap: 14px !important;
  padding: 3px 0 5px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .flex.items-center.justify-center.gap-3.py-2 > img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .flex.items-center.justify-center.gap-3.py-2 p:first-child {
  color: #f5f7fa !important;
  font-size: 17px !important;
  font-weight: 600 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .flex.items-center.justify-center.gap-3.py-2 p:last-child {
  color: #9eabba !important;
  font-size: 13px !important;
}

/* Amount control: one compact surface with a clear max action. */
body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] {
  display: grid !important;
  gap: 13px !important;
  padding: 18px 20px 17px !important;
  overflow: hidden !important;
  border: 1px solid rgba(176, 197, 224, 0.22) !important;
  border-radius: 18px !important;
  background: rgba(7, 12, 20, 0.86) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025) !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] .flex.items-center.justify-between {
  min-height: 22px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] .text-xs.font-medium.text-muted-foreground {
  color: #d7dee8 !important;
  font-size: 14px !important;
  font-weight: 560 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] button.text-primary {
  min-height: 32px !important;
  padding: 0 4px !important;
  color: #b8c8db !important;
  font-size: 13px !important;
  text-decoration: none !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[type="number"] {
  min-height: 74px !important;
  height: 74px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(180, 201, 229, 0.2) !important;
  border-radius: 14px !important;
  color: #f4f7fb !important;
  background: rgba(3, 7, 13, 0.72) !important;
  box-shadow: none !important;
  font-size: 38px !important;
  font-weight: 430 !important;
  text-align: right !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] > p:last-child {
  margin: 0 !important;
  color: #8f9baa !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Debit summary: quiet, aligned and quick to scan. */
body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-xl.bg-secondary.border.border-border.p-3.space-y-2 {
  display: grid !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 11px 18px !important;
  border: 1px solid rgba(176, 197, 224, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(10, 16, 25, 0.76) !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-xl.bg-secondary.border.border-border.p-3.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-xl.bg-secondary.border.border-border.p-3.space-y-2 > .flex {
  min-height: 31px !important;
  color: #aeb9c8 !important;
  font-size: 13px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-xl.bg-secondary.border.border-border.p-3.space-y-2 > .flex:last-child {
  border-top-color: rgba(176, 197, 224, 0.14) !important;
  color: #eef2f7 !important;
  font-weight: 600 !important;
}

/* Destination address: strong label, visible field and a restrained focus. */
body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount div:has(> input[placeholder="Enter wallet address"]) {
  margin-top: 2px !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount div:has(> input[placeholder="Enter wallet address"]) > .text-xs.font-medium.text-muted-foreground {
  margin: 0 0 10px !important;
  color: #edf1f6 !important;
  font-size: 15px !important;
  font-weight: 580 !important;
  line-height: 1.3 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[placeholder="Enter wallet address"] {
  min-height: 68px !important;
  height: 68px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(211, 224, 242, 0.38) !important;
  border-radius: 14px !important;
  color: #f5f7fb !important;
  background: rgba(5, 10, 17, 0.94) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025) !important;
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[placeholder="Enter wallet address"]::placeholder {
  color: #aab5c4 !important;
  opacity: 1 !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[placeholder="Enter wallet address"]:focus {
  border-color: rgba(229, 237, 249, 0.82) !important;
  box-shadow: 0 0 0 3px rgba(180, 205, 238, 0.1) !important;
}

body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount > .w-full > .space-y-4 > button:last-child {
  margin-top: 3px !important;
}

@media (max-height: 820px) and (min-width: 1001px) {
  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount > .w-full > .space-y-4 {
    gap: 12px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] {
    gap: 9px !important;
    padding: 13px 16px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[type="number"] {
    min-height: 58px !important;
    height: 58px !important;
    font-size: 32px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[placeholder="Enter wallet address"] {
    min-height: 58px !important;
    height: 58px !important;
  }
}

@media (max-width: 1000px) {
  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount {
    padding-right: 34px !important;
    padding-left: 34px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount > .w-full {
    max-width: 760px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}

@media (max-width: 640px) {
  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .text-center.mb-2 h2 {
    font-size: 25px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount .rounded-2xl[class*="bg-secondary/50"] {
    padding: 15px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[type="number"] {
    min-height: 64px !important;
    height: 64px !important;
    font-size: 34px !important;
  }

  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input[placeholder="Enter wallet address"] {
    min-height: 62px !important;
    height: 62px !important;
    font-size: 14px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sundex-transaction-system.sundex-flow-withdraw .stx-stage-amount input {
    transition-duration: 0.01ms !important;
  }
}