/* Processing pages already use the global header. Keep the cinematic panel free
   of duplicate branding and give asset marks one stable optical frame. */
body.sundex-transaction-system .stx-context-brand {
  display: none !important;
}

body.sx88-buy-card .sx96-buycard-asset > img,
body.sx88-buy-card .sx96-buycard-asset img[alt="USDT"],
body.sx88-buy-card .sx96-buycard-asset img[alt="USDC"] {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  flex: 0 0 52px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  filter: none !important;
  transform: none !important;
}

body.sx88-buy-card .sx96-buycard-asset {
  grid-template-rows: 52px auto !important;
}

/* The stage is the frame's scrolling surface, not a nested coin list. p96 can
   temporarily decorate it while React changes steps; never let that utility
   class cap the whole processing screen. This applies to deposit, withdraw,
   buy/sell and verification flows on both desktop and mobile. */
body.sundex-transaction-system
  :is(.stx-shell, .stx-funding-shell)
  .stx-stage:is(.stx-stage-coins, .sx96-coin-list) {
  align-self: stretch !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  clip-path: none !important;
}

/* Swap is a single-page workspace. It should never inherit the processing
   flow's step-back control, including during late React remounts. */
body.stx-swap-route .sundex-swap-page-head :is(
  .sundex-swap-back,
  .stx-back-control,
  .sx96-back-control
) {
  display: none !important;
}