/* X Wallet PRO — single visual system (v101) */

/* —— TOKENS —— */
  body.xw-pro {
    --p-bg: oklch(0.14 0.012 268);
    --p-bg-2: oklch(0.17 0.014 268);
    --p-surface: oklch(0.19 0.016 270);
    --p-surface-2: oklch(0.22 0.018 272);
    --p-line: oklch(1 0 0 / 0.09);
    --p-line-strong: oklch(1 0 0 / 0.14);
    --p-text: oklch(0.98 0.005 265);
    --p-muted: oklch(0.72 0.02 265);
    --p-brand: oklch(0.72 0.16 285);
    --p-brand-dim: oklch(0.55 0.14 285 / 0.18);
    --p-ok: oklch(0.78 0.14 155);
    --p-r: 14px;
    --p-r-lg: 22px;
    --p-blur: blur(22px) saturate(1.35);
    --p-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --p-shadow: 0 32px 64px -24px oklch(0 0 0 / 0.55);

    --xw-bg: var(--p-bg);
    --xw-bg-elevated: var(--p-bg-2);
    --xw-surface: var(--p-surface);
    --xw-surface-2: var(--p-surface-2);
    --xw-border: var(--p-line);
    --xw-border-strong: var(--p-line-strong);
    --xw-text: var(--p-text);
    --xw-muted: var(--p-muted);
    --xw-accent: var(--p-brand);
    --xw-accent-dim: var(--p-brand-dim);
    --xw-accent-line: oklch(0.72 0.16 285 / 0.35);
    --xw-radius: var(--p-r);
    --xw-radius-lg: var(--p-r-lg);
    --xw-shadow: var(--p-shadow);
    color: var(--p-text);
    font-size: 16px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  body.xw-pro.page-cabinet {
    --cab-bg: var(--p-bg);
    --cab-elev-1: var(--p-surface);
    --cab-elev-2: var(--p-surface-2);
    --cab-line: var(--p-line);
    --cab-line-strong: var(--p-line-strong);
    --cab-text: var(--p-text);
    --cab-muted: var(--p-muted);
    --cab-link: var(--p-brand);
    --cab-shine: none;
  }

/* —— KILL LEGACY DECORATION —— */
  body.xw-pro.page-cabinet,
  body.xw-pro.page-home,
  body.xw-pro.page-auth {
    background: #09090b !important;
    background-image: none !important;
  }

  body.xw-pro.page-cabinet::before,
  body.xw-pro.page-cabinet::after {
    display: none !important;
  }

  body.xw-pro .tile::before,
  body.xw-pro .page-cabinet .tile::before,
  body.xw-pro .page-cabinet .tile:nth-child(n)::before {
    display: none !important;
    content: none !important;
  }

  body.xw-pro :is(.tile, .panel, .feed__item, .mm-token, .btn, .mm-action):hover {
    transform: none !important;
    text-shadow: none !important;
  }

/* —— SHELL —— */
  @media (min-width: 901px) {
    body.xw-pro .shell {
      grid-template-columns: 268px minmax(0, 1fr) !important;
      min-height: 100dvh;
    }

    body.xw-pro .side {
      background: oklch(0.13 0.012 268 / 0.72) !important;
      backdrop-filter: var(--p-blur);
      border-right: 1px solid var(--p-line) !important;
      padding: 1.35rem 0.9rem 1.5rem !important;
    }

    body.xw-pro .main {
      max-width: 1120px !important;
      width: 100%;
      margin-inline: auto;
      padding: 1.5rem 1.75rem 3rem !important;
    }
  }

  body.xw-pro .side nav a {
    border-radius: 12px;
    font-weight: 500;
    font-size: 0.92rem;
    min-height: 44px;
    color: var(--p-muted);
    transition: background 0.2s var(--p-ease), color 0.2s var(--p-ease);
  }

  body.xw-pro .side nav a.is-on {
    background: oklch(0.25 0.04 285 / 0.35) !important;
    color: var(--p-text) !important;
    box-shadow: none !important;
    border: 1px solid oklch(0.72 0.16 285 / 0.22) !important;
    font-weight: 600;
  }

  body.xw-pro .dash-head {
    background: transparent !important;
    border: none !important;
    position: static !important;
    margin-bottom: 1.25rem;
    padding: 0 !important;
    backdrop-filter: none !important;
  }

  body.xw-pro .dash-head__kicker {
    display: none;
  }

  body.xw-pro .dash-head__title {
    font-size: clamp(1.6rem, 4.5vw, 2rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.045em !important;
    line-height: 1.08;
  }

  body.xw-pro .dash-head__sub {
    margin-top: 0.4rem;
    font-size: 0.94rem;
    color: var(--p-muted) !important;
    max-width: 28rem;
  }

  body.xw-pro .tabs {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    background: oklch(0.12 0.01 268 / 0.88) !important;
    backdrop-filter: var(--p-blur);
    border-top: 1px solid var(--p-line) !important;
    box-shadow: 0 -12px 40px oklch(0 0 0 / 0.35);
    padding-top: 6px;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
  }

  body.xw-pro .tabs a {
    color: var(--p-muted);
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    gap: 4px;
    border-radius: 10px;
    margin: 0 2px;
    transition: color 0.15s var(--p-ease);
  }

  body.xw-pro .tabs a.is-on {
    color: var(--p-text) !important;
    background: oklch(1 0 0 / 0.06);
  }

  body.xw-pro .tabs__mid {
    top: -16px;
    margin-inline: 4px;
    padding: 10px 8px 8px !important;
    border-radius: 18px !important;
    background: var(--p-text) !important;
    color: oklch(0.2 0.02 268) !important;
    box-shadow: 0 10px 28px oklch(0 0 0 / 0.4), 0 0 0 1px oklch(1 0 0 / 0.2) inset !important;
  }

  body.xw-pro .tabs__mid.is-on {
    background: var(--p-text) !important;
    color: oklch(0.2 0.02 268) !important;
  }

/* —— COMPONENTS —— */
  body.xw-pro .dash-hero--card {
    position: relative;
    background: oklch(0.2 0.018 272 / 0.95) !important;
    border: 1px solid var(--p-line-strong) !important;
    border-radius: var(--p-r-lg) !important;
    box-shadow:
      inset 0 1px 0 oklch(1 0 0 / 0.08),
      var(--p-shadow) !important;
    overflow: hidden;
  }

  body.xw-pro .dash-hero--card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(80% 50% at 50% 0%, oklch(0.65 0.12 285 / 0.12), transparent 70%);
    pointer-events: none;
  }

  body.xw-pro .dash-hero--card::after {
    display: none !important;
  }

  body.xw-pro .dash-hero__content {
    position: relative;
    padding: 1.5rem 1.35rem 1.3rem !important;
  }

  body.xw-pro .device__bal,
  body.xw-pro .app-balance__sum,
  body.xw-pro .mm-balance__sum {
    background: none !important;
    -webkit-background-clip: unset !important;
    color: var(--p-text) !important;
    font-size: clamp(2.6rem, 9vw, 3.4rem) !important;
    font-weight: 700 !important;
    letter-spacing: -0.05em;
    font-variant-numeric: tabular-nums;
  }

  body.xw-pro .inv-status {
    background: oklch(0.35 0.08 155 / 0.35) !important;
    border: 1px solid oklch(0.65 0.12 155 / 0.35) !important;
    color: oklch(0.88 0.08 155) !important;
    font-weight: 600;
    font-size: 0.72rem;
    padding: 0.35rem 0.7rem;
    border-radius: 999px;
  }

  body.xw-pro .inv-metrics {
    background: oklch(0 0 0 / 0.22) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: 16px !important;
    overflow: hidden;
  }

  body.xw-pro .chart-wrap--hero {
    border-radius: 14px !important;
    border: 1px solid var(--p-line) !important;
    background: oklch(0 0 0 / 0.2) !important;
  }

  body.xw-pro .act--investor {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1px !important;
    background: var(--p-line) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: 16px !important;
    overflow: hidden;
    margin-top: 1.15rem !important;
  }

  body.xw-pro .act--investor a {
    background: var(--p-surface) !important;
    min-height: 56px !important;
    font-weight: 600 !important;
    font-size: 0.84rem !important;
    border: none !important;
  }

  body.xw-pro .act--investor a:nth-child(2) {
    background: var(--p-text) !important;
    color: oklch(0.18 0.02 268) !important;
  }

  body.xw-pro .act--investor .act__ico {
    background: oklch(1 0 0 / 0.06) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: 10px !important;
  }

  body.xw-pro .tile-grid--home {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }

  @media (min-width: 720px) {
    body.xw-pro .tile-grid--home {
      grid-template-columns: repeat(4, 1fr) !important;
    }
  }

  body.xw-pro .tile-grid--home .tile {
    background: var(--p-surface) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: var(--p-r) !important;
    min-height: 124px;
    padding: 1.1rem !important;
    box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.04) !important;
    transition: border-color 0.2s var(--p-ease), background 0.2s var(--p-ease);
  }

  body.xw-pro .tile-grid--home .tile:hover {
    border-color: oklch(0.72 0.16 285 / 0.35) !important;
    background: var(--p-surface-2) !important;
  }

  body.xw-pro .tile__ico {
    width: 36px !important;
    height: 36px !important;
    display: grid;
    place-items: center;
    border-radius: 11px !important;
    background: var(--p-brand-dim) !important;
    border: 1px solid oklch(0.72 0.16 285 / 0.2) !important;
    color: var(--p-brand) !important;
  }

  body.xw-pro .panel {
    background: var(--p-surface) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: var(--p-r-lg) !important;
    padding: 1.25rem 1.3rem !important;
    box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.04) !important;
  }

  body.xw-pro .panel__title {
    text-transform: none !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.02em !important;
    color: var(--p-text) !important;
  }

  body.xw-pro .feed__item {
    border-radius: 12px !important;
    margin-bottom: 0.5rem;
    background: var(--p-bg-2) !important;
    border: 1px solid var(--p-line) !important;
  }

  body.xw-pro .btn--solid {
    background: var(--p-text) !important;
    color: oklch(0.16 0.02 268) !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    min-height: 50px;
    box-shadow: 0 6px 20px oklch(0 0 0 / 0.35) !important;
    border: none !important;
  }

  body.xw-pro .btn--quiet {
    background: var(--p-surface) !important;
    border: 1px solid var(--p-line-strong) !important;
    border-radius: 999px !important;
  }

  body.xw-pro .input,
  body.xw-pro .mm-search,
  body.xw-pro select.input {
    background: var(--p-bg-2) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: 12px !important;
    min-height: 50px;
    font-size: 1rem;
  }

  body.xw-pro .input:focus,
  body.xw-pro .mm-search:focus {
    border-color: oklch(0.72 0.16 285 / 0.5) !important;
    box-shadow: 0 0 0 4px var(--p-brand-dim) !important;
    outline: none !important;
  }

  body.xw-pro .wallet-mm,
  body.xw-pro .buy-mm,
  body.xw-pro .transfer-mm,
  body.xw-pro .roadster-mm {
    background: var(--p-surface) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: var(--p-r-lg) !important;
    box-shadow: var(--p-shadow) !important;
  }

  body.xw-pro .mm-action {
    border: none !important;
    background: transparent !important;
  }

  body.xw-pro .mm-action__ico {
    width: 52px;
    height: 52px;
    border-radius: 16px !important;
    background: var(--p-surface-2) !important;
    border: 1px solid var(--p-line) !important;
    box-shadow: inset 0 1px 0 oklch(1 0 0 / 0.06);
  }

  body.xw-pro .mm-search {
    max-width: none !important;
    flex: 1;
  }

  body.xw-pro .avatar {
    background: var(--p-surface-2) !important;
    box-shadow: none !important;
    border: 1px solid var(--p-line);
  }

  body.xw-pro .scroll-line {
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--p-brand), transparent) !important;
  }

  @media (max-width: 1023px) {
    body.xw-pro .home-layout__aside {
      order: 1 !important;
    }

    body.xw-pro .home-layout__primary {
      order: 0 !important;
    }
  }

/* —— MARKETING —— */
  body.xw-pro.page-home .nav {
    background: oklch(0.12 0.01 268 / 0.85) !important;
    backdrop-filter: var(--p-blur);
    border-bottom: 1px solid var(--p-line) !important;
  }

  body.xw-pro .hero h1 {
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.02;
  }

  body.xw-pro .hero h1 em {
    color: var(--p-brand) !important;
  }

  body.xw-pro .device {
    background: var(--p-surface) !important;
    border: 1px solid var(--p-line-strong) !important;
    border-radius: 28px !important;
    box-shadow: var(--p-shadow), inset 0 1px 0 oklch(1 0 0 / 0.06) !important;
  }

  body.xw-pro .stage__field {
    opacity: 0.35;
  }

  @media (max-width: 900px) {
    body.xw-pro.page-home .nav {
      position: sticky !important;
    }
  }

  @media (max-width: 480px) {
    body.xw-pro .metrics {
      grid-template-columns: 1fr !important;
    }
  }

/* —— AUTH —— */
  body.xw-pro.page-auth {
    background: var(--p-bg) !important;
    background-image:
      radial-gradient(ellipse 80% 60% at 50% -20%, oklch(0.55 0.14 285 / 0.12), transparent),
      var(--p-bg) !important;
  }

  body.xw-pro .app-card {
    background: var(--p-surface) !important;
    border: 1px solid var(--p-line) !important;
    border-radius: 24px !important;
    box-shadow: var(--p-shadow), inset 0 1px 0 oklch(1 0 0 / 0.06) !important;
    padding: 2rem 1.75rem !important;
  }

  body.xw-pro .app-card h1 {
    font-size: 1.85rem;
    font-weight: 700;
    letter-spacing: -0.04em;
  }

/* —— FRAME (v103) — wide canvas, no glow, equal cards —— */
body.xw-pro.page-cabinet,
body.xw-pro.page-home,
body.xw-pro.page-auth {
  background: #09090b !important;
  background-image: none !important;
}

body.xw-pro.page-auth {
  background-color: #09090b !important;
  background-image: radial-gradient(ellipse 55% 36% at 50% -10%, rgba(139, 124, 255, 0.18), transparent 64%) !important;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}

body.xw-pro.page-auth .nav,
body.xw-pro.page-auth .drawer {
  display: none !important;
}

body.xw-pro.page-auth .app-auth {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(980px, calc(100% - 3rem));
  min-height: 100dvh;
  margin: 0 auto;
  padding: max(1.25rem, env(safe-area-inset-top)) 0 max(1.5rem, env(safe-area-inset-bottom));
  box-sizing: border-box;
}

body.xw-pro.page-auth .auth-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 440px);
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  width: 100%;
}

body.xw-pro.page-auth .auth-aside h2 {
  margin: 0;
  max-width: 12ch;
  font-size: clamp(2.6rem, 4.4vw, 3.6rem);
  font-weight: 500;
  letter-spacing: -0.05em;
  line-height: 0.96;
  color: #fafafa;
}

body.xw-pro.page-auth .auth-aside h2 em {
  font-style: normal;
  font-weight: 500;
  color: #c4b5fd;
}

body.xw-pro.page-auth .auth-aside p {
  max-width: 28rem;
  margin: 1.1rem 0 0;
  color: #a1a1aa;
  font-size: 1.02rem;
  line-height: 1.45;
}

body.xw-pro.page-auth .app-card {
  width: 100%;
}

@media (max-width: 800px) {
  body.xw-pro.page-auth .app-auth {
    width: min(440px, calc(100% - 2rem));
  }

  body.xw-pro.page-auth .auth-stage {
    grid-template-columns: 1fr;
    gap: 1.35rem;
  }

  body.xw-pro.page-auth .auth-aside {
    text-align: center;
  }

  body.xw-pro.page-auth .auth-aside h2 {
    max-width: none;
    font-size: 1.85rem;
  }

  body.xw-pro.page-auth .auth-aside p {
    display: none;
  }
}

body.xw-pro .dash-hero--card {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #141416 !important;
  border-radius: 24px !important;
  box-shadow: 0 24px 50px -28px rgba(0, 0, 0, 0.65) !important;
}

body.xw-pro .dash-hero--card::before,
body.xw-pro .dash-hero--card::after {
  display: none !important;
  animation: none !important;
  content: none !important;
}

body.xw-pro .device__bal,
body.xw-pro .app-balance__sum,
body.xw-pro .mm-balance__sum {
  font-size: clamp(3rem, 11vw, 4.25rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.06em !important;
  line-height: 0.95 !important;
  color: oklch(0.99 0.005 265) !important;
  background: none !important;
  -webkit-text-fill-color: unset !important;
}

body.xw-pro .dash-head__title {
  font-size: clamp(1.75rem, 5vw, 2.15rem) !important;
  letter-spacing: -0.05em !important;
}

body.xw-pro .chart-wrap--hero {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
}

body.xw-pro .chart--cab-hero {
  display: block;
  width: 100%;
  height: 112px;
}

body.xw-pro .inv-metrics {
  background: rgba(0, 0, 0, 0.28) !important;
  border-radius: 16px !important;
}

body.xw-pro .act--investor {
  gap: 0.6rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

body.xw-pro .act--investor a {
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.xw-pro .act--investor a:nth-child(2) {
  background: #fafafa !important;
  color: #111113 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

body.xw-pro .home-actions {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}

body.xw-pro .home-section__title {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.03em !important;
  text-transform: none !important;
  color: #fafafa !important;
  background: none !important;
  -webkit-text-fill-color: #fafafa !important;
}

body.xw-pro .tile-grid--home {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.7rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.xw-pro .tile-grid--home .tile,
body.xw-pro .tile-grid--home .tile:first-child,
body.xw-pro .tile-grid--home .tile:nth-child(n) {
  grid-column: auto !important;
  grid-row: auto !important;
  min-height: 112px !important;
  height: auto !important;
  background: #141416 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}

@media (min-width: 900px) {
  body.xw-pro .dash-hero__content {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, 0.95fr);
    column-gap: 2rem;
    row-gap: 0.15rem;
    align-items: end;
    padding: 1.6rem 1.7rem 1.4rem !important;
  }

  body.xw-pro .dash-hero__bar,
  body.xw-pro .inv-metrics,
  body.xw-pro .meter,
  body.xw-pro .dash-stage,
  body.xw-pro .act--investor {
    grid-column: 1 / -1;
  }

  body.xw-pro .balance-row { grid-column: 1; grid-row: 2; margin-bottom: 0; }
  body.xw-pro .dash-hero .device__bal { grid-column: 1; grid-row: 3; margin: 0 !important; }
  body.xw-pro .chart-wrap--hero {
    grid-column: 2;
    grid-row: 2 / 4;
    align-self: end;
  }

  body.xw-pro .home-actions .tile-grid--home {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1024px) {
  body.xw-pro .home-layout:not(.home-layout--solo) {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 340px) !important;
    column-gap: 1rem !important;
    align-items: start;
  }

  body.xw-pro .home-layout__aside {
    order: 0 !important;
  }
}

body.xw-pro .clock--hero {
  justify-content: flex-start !important;
  gap: 0.15rem !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.xw-pro .clock--hero .clock__cell {
  flex: 0 0 auto !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 0.45rem !important;
}

body.xw-pro .clock--hero .clock__cell b {
  font-family: inherit !important;
  font-size: 1.7rem !important;
  font-weight: 600 !important;
  color: #fafafa !important;
}

body.xw-pro .panel--latest .feed__item {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 0.9rem 0 !important;
  box-shadow: none !important;
}

body.xw-pro .panel--latest .feed__item:last-child {
  border-bottom: 0 !important;
}

body.xw-pro .feed__badge {
  background: transparent !important;
  padding: 0 !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.08em;
}

@media (max-width: 900px) {
  body.xw-pro .tabs {
    display: grid !important;
    left: 14px !important;
    right: 14px !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    border-radius: 26px !important;
    border: 1px solid oklch(1 0 0 / 0.12) !important;
    background: oklch(0.16 0.02 272 / 0.72) !important;
    backdrop-filter: blur(22px) saturate(1.4) !important;
    box-shadow: 0 16px 40px oklch(0 0 0 / 0.45) !important;
  }

  body.xw-pro .main {
    padding-bottom: calc(7rem + env(safe-area-inset-bottom)) !important;
  }
}

@media (min-width: 901px) {
  body.xw-pro .tabs {
    display: none !important;
  }
}

body.xw-pro .hero h1 {
  font-size: clamp(3.1rem, 7vw, 5.4rem) !important;
  font-weight: 700 !important;
  letter-spacing: -0.055em !important;
  line-height: 0.94 !important;
}

body.xw-pro .hero h1 em {
  background: linear-gradient(100deg, oklch(0.95 0.04 290), oklch(0.88 0.08 220));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
}

body.xw-pro .device {
  border-radius: 32px !important;
  box-shadow:
    0 50px 100px -40px oklch(0.45 0.16 290 / 0.55),
    inset 0 1px 0 oklch(1 0 0 / 0.1) !important;
}

body.xw-pro .side nav a.is-on {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #fafafa !important;
  border: 1px solid rgba(255, 255, 255, 0.06) !important;
  box-shadow: none !important;
}

body.xw-pro.page-auth.page-order .app-auth {
  width: min(440px, calc(100% - 2rem));
  justify-content: safe center;
}

body.xw-pro.page-order .order-mm {
  padding: 1.1rem 1.15rem 1.05rem !important;
  border-radius: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: #141416 !important;
  box-shadow: none !important;
}

body.xw-pro.page-order .order-mm__bar {
  grid-template-columns: 36px minmax(0, 1fr);
  margin-bottom: 0.35rem;
}

body.xw-pro.page-order .order-mm__back svg {
  width: 18px;
  height: 18px;
}

body.xw-pro.page-order .order-mm__head--pay {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 1.1rem;
}

body.xw-pro.page-order .order-mm__coin {
  width: 46px;
  height: 46px;
  margin: 0.9rem 0 0.75rem;
  border-radius: 50%;
}

body.xw-pro.page-order .order-mm__kicker {
  margin: 0;
  color: #c4b5fd;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

body.xw-pro.page-order .order-mm__amt {
  margin: 0.2rem 0 0;
  color: #fafafa;
  font-size: clamp(1.85rem, 5vw, 2.35rem);
  font-weight: 500;
  letter-spacing: -0.045em;
  line-height: 1.05;
}

body.xw-pro.page-order .order-mm__amt small {
  color: #a1a1aa;
  font-size: 0.42em;
  font-weight: 500;
  letter-spacing: 0;
}

body.xw-pro.page-order .order-mm__get {
  margin: 0.55rem 0 0;
}

body.xw-pro.page-order .order-mm__get strong {
  color: #c4b5fd;
  font-weight: 700;
}

body.xw-pro.page-order .order-mm__pay {
  padding: 0;
  margin: 0 0 0.9rem;
  border: 0;
  background: transparent;
  text-align: left;
}

body.xw-pro.page-order .order-mm__qr {
  display: none;
  margin: 0 auto 1rem;
  padding: 12px;
  width: fit-content;
  border-radius: 22px;
  background: #fff;
  box-shadow: none;
}

body.xw-pro.page-order .order-mm__qr.is-ready {
  display: flex;
}

body.xw-pro.page-order .order-mm__qr .order-qr {
  width: 168px;
  height: 168px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: none;
}

body.xw-pro.page-order .mm-copy {
  background: rgba(255, 255, 255, 0.08);
  color: #fafafa;
}