/* SUNDEX p92 — focused fixes for trading, card, wallet and processing routes. */

.sx92-receive-network { display: none !important; }

body.sx92-trade-route #root,
body.sx92-trade-route main { visibility: visible !important; opacity: 1 !important; }
body.sx92-trade-route .sx88-native-route-hidden { display: revert !important; }
body.sx92-trade-fallback-active #root main.sx92-trade-native-blank { display: none !important; }

.sx92-trade-fallback {
  --sx92-line: rgba(154, 171, 194, .19);
  box-sizing: border-box;
  min-height: calc(100svh - 76px);
  margin-top: 76px;
  padding: clamp(18px, 2vw, 30px);
  color: #f5f7fa;
  background: #03070b;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.sx92-trade-fallback *, .sx92-trade-fallback *::before, .sx92-trade-fallback *::after { box-sizing: border-box; }
.sx92-trade-fallback__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  max-width: 1840px;
  margin: 0 auto 18px;
}
.sx92-trade-fallback__eyebrow { margin: 0 0 6px; color: #8ea1bb; font-size: 11px; font-weight: 700; letter-spacing: .17em; }
.sx92-trade-fallback h1 { margin: 0; font-size: clamp(30px, 3vw, 48px); font-weight: 570; letter-spacing: -.04em; }
.sx92-trade-fallback__market { display: flex; align-items: center; gap: 11px; min-height: 48px; color: #ecf0f6; }
.sx92-trade-fallback__coin { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #f7931a; color: #fff; font-size: 22px; font-weight: 700; }
.sx92-trade-fallback__market > span:nth-child(2) { display: grid; gap: 2px; }
.sx92-trade-fallback__market strong { font-size: 14px; }
.sx92-trade-fallback__market small { color: #8190a6; font-size: 11px; }
.sx92-trade-fallback__market i { width: 6px; height: 6px; margin-left: 9px; border-radius: 50%; background: #68d39d; box-shadow: 0 0 14px rgba(104,211,157,.66); }
.sx92-trade-fallback__live { color: #94aa9e; font-size: 12px; }
.sx92-trade-fallback__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 26vw);
  max-width: 1840px;
  min-height: min(760px, calc(100svh - 172px));
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid rgba(162, 180, 205, .26);
  border-radius: 22px;
  background: #070c13;
  box-shadow: 0 26px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.025);
}
.sx92-trade-fallback__chart-panel { display: grid; grid-template-rows: auto 1fr; min-width: 0; border-right: 1px solid var(--sx92-line); }
.sx92-trade-fallback__chart-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 62px; padding: 10px 16px 10px 20px; border-bottom: 1px solid var(--sx92-line); }
.sx92-trade-fallback__chart-head > div:first-child { display: grid; gap: 4px; }
.sx92-trade-fallback__chart-head span { color: #dfe5ed; font-size: 13px; }
.sx92-trade-fallback__chart-head strong { color: #6bd2a0; font-size: 10px; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.sx92-trade-fallback__periods { display: flex; gap: 4px; padding: 4px; border: 1px solid var(--sx92-line); border-radius: 11px; background: #050910; }
.sx92-trade-fallback__periods button, .sx92-trade-fallback__sides button { border: 0; color: #8694a8; background: transparent; cursor: pointer; }
.sx92-trade-fallback__periods button { min-width: 44px; min-height: 32px; border-radius: 8px; font-size: 12px; }
.sx92-trade-fallback__periods button.is-active { color: #eff3f8; background: #1c2532; }
.sx92-trade-fallback__chart { position: relative; min-height: 540px; background: #05090e; }
.sx92-trade-fallback__chart iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: #05090e; }
.sx92-trade-fallback__rail { display: grid; grid-template-rows: minmax(280px, 1fr) auto; min-width: 0; }
.sx92-trade-fallback__book, .sx92-trade-fallback__ticket { padding: 20px; }
.sx92-trade-fallback__book { border-bottom: 1px solid var(--sx92-line); }
.sx92-trade-fallback__rail-title { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 19px; }
.sx92-trade-fallback__rail-title strong { font-size: 15px; font-weight: 590; }
.sx92-trade-fallback__rail-title span { color: #6ed5a4; font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.sx92-trade-fallback__book-labels { display: flex; justify-content: space-between; margin-bottom: 14px; color: #657186; font-size: 10px; }
.sx92-trade-fallback__asks, .sx92-trade-fallback__bids { display: grid; gap: 7px; justify-items: end; }
.sx92-trade-fallback__asks i, .sx92-trade-fallback__bids i { display: block; height: 18px; border-radius: 2px; opacity: .55; }
.sx92-trade-fallback__asks i { background: linear-gradient(90deg, transparent, rgba(183,65,79,.44)); }
.sx92-trade-fallback__bids i { background: linear-gradient(90deg, transparent, rgba(45,155,112,.42)); }
.sx92-trade-fallback__asks i:nth-child(1), .sx92-trade-fallback__bids i:nth-child(3) { width: 52%; }
.sx92-trade-fallback__asks i:nth-child(2), .sx92-trade-fallback__bids i:nth-child(1) { width: 75%; }
.sx92-trade-fallback__asks i:nth-child(3), .sx92-trade-fallback__bids i:nth-child(4) { width: 61%; }
.sx92-trade-fallback__asks i:nth-child(4), .sx92-trade-fallback__bids i:nth-child(2) { width: 88%; }
.sx92-trade-fallback__mid { display: block; margin: 13px 0; color: #66d3a0; font-size: 18px; text-align: right; }
.sx92-trade-fallback__sides { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 18px; padding: 4px; border: 1px solid var(--sx92-line); border-radius: 11px; }
.sx92-trade-fallback__sides button { min-height: 38px; border-radius: 8px; }
.sx92-trade-fallback__sides button.is-active { color: #f5f8fb; background: #1b2733; }
.sx92-trade-fallback__ticket label { display: block; margin-bottom: 8px; color: #77869b; font-size: 12px; }
.sx92-trade-fallback__amount { display: flex; justify-content: space-between; align-items: center; min-height: 54px; margin-bottom: 13px; padding: 0 15px; border: 1px solid var(--sx92-line); border-radius: 11px; color: #667488; background: #0c131d; font-size: 13px; }
.sx92-trade-fallback__amount strong { color: #dce3ec; font-size: 12px; }
.sx92-trade-fallback__ticket > a { display: grid; place-items: center; min-height: 50px; border-radius: 11px; color: #071018; background: #d9e3ef; font-size: 14px; font-weight: 650; text-decoration: none; }
.sx92-trade-fallback__ticket > p { margin: 12px 0 0; color: #68768a; font-size: 11px; line-height: 1.5; text-align: center; }

body[data-sundex-card-premium="product"] .sx92-card-back-readable {
  display: flex !important;
  flex-direction: column !important;
  gap: 13px !important;
  padding: 22px 24px !important;
  color: #f5f7fa !important;
  font-size: .8rem !important;
  letter-spacing: .025em !important;
  background-color: #080c12 !important;
}
body[data-sundex-card-premium="product"] .sx92-card-back-readable > div:not(:first-of-type) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px 16px !important;
  min-width: 0 !important;
}
body[data-sundex-card-premium="product"] .sx92-card-back-readable :is(p, span, strong, label) {
  color: rgba(244, 247, 251, .92) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.42);
}
body[data-sundex-card-premium="product"] .sx92-card-back-readable button {
  color: rgba(247, 249, 252, .96) !important;
  opacity: 1 !important;
}
body[data-sundex-card-premium="product"] .sx92-card-back-readable .font-mono {
  font-size: clamp(.76rem, 1.1vw, .94rem) !important;
  letter-spacing: .095em !important;
}
body[data-sundex-card-premium="product"] .sx92-card-back-readable .sx92-copy-card-details {
  min-height: 38px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(242, 246, 251, .62) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(3, 6, 10, .66) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 10px 24px rgba(0,0,0,.24) !important;
}

body.sx92-wallet-route .sx92-wallet-table {
  width: 100% !important;
  overflow-x: auto !important;
  scrollbar-width: thin;
}
body.sx92-wallet-route .sx92-wallet-table > [role="row"],
body.sx92-wallet-route .sx92-wallet-table [role="row"] {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(180px, 1.55fr) minmax(88px, .72fr) minmax(130px, 1fr) minmax(92px, .76fr) minmax(92px, .76fr) !important;
  column-gap: clamp(16px, 2vw, 32px) !important;
  align-items: center !important;
  min-width: 760px !important;
  padding-inline: clamp(22px, 2.2vw, 34px) !important;
}
body.sx92-wallet-route .sx92-wallet-table [role="row"] > * {
  min-width: 0 !important;
  margin: 0 !important;
  padding-inline: 0 !important;
}
body.sx92-wallet-route .sx92-wallet-table [role="row"] > :not(:first-child) { text-align: right !important; justify-self: stretch !important; }
body.sx92-wallet-route .sx92-wallet-table [role="row"] > :first-child { text-align: left !important; justify-self: stretch !important; }
body.sx92-wallet-route .sx92-wallet-table > [role="row"]:first-child {
  min-height: 46px !important;
  color: rgba(180, 192, 210, .72) !important;
}

@media (max-width: 760px) {
  body[data-sundex-card-premium="product"] .sx92-card-back-readable { padding: 16px 18px !important; gap: 8px !important; font-size: .7rem !important; }
  .sx92-trade-fallback { margin-top: 68px; padding: 14px; }
  .sx92-trade-fallback__head { align-items: start; }
  .sx92-trade-fallback__market { display: none; }
  .sx92-trade-fallback__body { grid-template-columns: 1fr; min-height: 0; }
  .sx92-trade-fallback__chart-panel { border-right: 0; }
  .sx92-trade-fallback__chart-head { align-items: start; flex-direction: column; }
  .sx92-trade-fallback__chart { min-height: 440px; }
  .sx92-trade-fallback__rail { grid-template-rows: auto auto; }
}

@media (min-width: 761px) and (max-width: 1120px) {
  .sx92-trade-fallback__body { grid-template-columns: minmax(0, 1fr) 320px; }
  .sx92-trade-fallback__chart { min-height: 500px; }
}
