/* SOURCE: /assets/settings-page-refine-v8-scanner-header-match-20260727.css */
/* RUAY55 player settings: compact ivory/gold treatment. */
html body #root .player-shell .main-area:has(.settings-page),
html body #root .player-shell .page-content:has(.settings-page) {
  overflow-x: visible !important;
}

html body #root .player-shell .content-page.settings-page {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
  padding: 12px 14px calc(110px + env(safe-area-inset-bottom)) !important;
  align-content: start !important;
  gap: 12px !important;
}

html body #root .player-shell .settings-page .page-heading {
  box-sizing: border-box !important;
  position: relative !important;
  left: auto !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 58px !important;
  height: 58px !important;
  margin-top: -34px !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: calc((100vw - 100%) / -2) !important;
  padding: 0 14px !important;
  transform: none !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(168, 143, 76, .38) !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #eee6d0 0%, #e6dcc0 100%) !important;
  box-shadow: 0 7px 20px rgba(78, 69, 38, .07) !important;
}

html body #root .player-shell .settings-page .page-heading > div p {
  display: none !important;
}

html body #root .player-shell .settings-page .page-heading > div {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: max-content !important;
  max-width: calc(100vw - 150px) !important;
  transform: translate(-50%, -50%) !important;
  text-align: center !important;
}

html body #root .player-shell .settings-page .page-heading h1 {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.12 !important;
  color: #123d5b !important;
}

html body #root .player-shell .settings-page .wallet-back-button {
  position: absolute !important;
  top: 50% !important;
  left: 14px !important;
  display: grid !important;
  place-items: center !important;
  min-width: 58px !important;
  width: 58px !important;
  height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border: 2px solid #a86f08 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ffe27a 0%, #d19a1d 58%, #a97008 100%) !important;
  box-shadow: 0 8px 18px rgba(146, 91, 8, .22), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
  font-size: 0 !important;
}

html body #root .player-shell .settings-page .wallet-back-button svg {
  width: 24px !important;
  height: 24px !important;
}

html body #root .player-shell .settings-page-panel {
  margin: 0 !important;
  padding: 16px !important;
  gap: 12px !important;
  border: 1px solid rgba(168, 143, 76, .28) !important;
  border-radius: 20px !important;
  background: rgba(255, 253, 246, .93) !important;
  box-shadow: 0 12px 30px rgba(79, 69, 35, .08) !important;
}

html body #root .player-shell .settings-page-panel .modal-icon {
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, #fff8da, #efe5b9) !important;
  color: #ad7b13 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.86) !important;
}

html body #root .player-shell .settings-page-panel .settings-list {
  display: grid !important;
  gap: 8px !important;
}

html body #root .player-shell .settings-page-panel .settings-list button,
html body #root .player-shell .settings-page-panel .settings-list label {
  box-sizing: border-box !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(137, 126, 91, .26) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 3px 10px rgba(66,58,30,.035), inset 0 1px rgba(255,255,255,.9) !important;
  color: #173f59 !important;
  font-size: 15px !important;
  font-weight: 650 !important;
}

html body #root .player-shell .settings-page-panel .settings-list button:active {
  background: #f8f2db !important;
  transform: none !important;
}

html body #root .player-shell .settings-page-panel .settings-list button small {
  color: #887d63 !important;
  font-size: 11px !important;
}

html body #root .player-shell .settings-page-panel .settings-list label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

html body #root .player-shell .settings-page-panel .settings-list input[type="checkbox"] {
  all: unset !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-sizing: border-box !important;
  display: block !important;
  position: relative !important;
  flex: 0 0 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  width: 44px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  border: 1px solid rgba(92, 98, 88, .34) !important;
  border-radius: 999px !important;
  background: #d8d8d2 !important;
  box-shadow: inset 0 1px 3px rgba(39,44,41,.10) !important;
  outline: none !important;
}

html body #root .player-shell .settings-page-panel .settings-list input[type="checkbox"]::before {
  content: none !important;
  display: none !important;
}

html body #root .player-shell .settings-page-panel .settings-list input[type="checkbox"]::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  left: 2px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #fffdf7 !important;
  box-shadow: 0 2px 5px rgba(28,39,42,.22) !important;
}

html body #root .player-shell .settings-page-panel .settings-list input[type="checkbox"]:checked {
  border-color: #b58a24 !important;
  background: linear-gradient(90deg, #c99a28, #aa7912) !important;
}

html body #root .player-shell .settings-page-panel .settings-list input[type="checkbox"]:checked::after {
  left: 22px !important;
}

html body #root .player-shell .settings-page-panel > .primary.full {
  min-height: 48px !important;
  height: 48px !important;
  margin: 2px 0 0 !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  box-shadow: 0 8px 18px rgba(186,135,20,.16) !important;
}

@media (max-width: 580px) {
  html body #root .player-shell .content-page.settings-page {
    padding: 10px 12px calc(104px + env(safe-area-inset-bottom)) !important;
    gap: 10px !important;
  }
  html body #root .player-shell .settings-page .page-heading {
    width: 100vw !important;
    min-height: 58px !important;
    height: 58px !important;
    margin-top: -32px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: calc((100vw - 100%) / -2) !important;
  }
  html body #root .player-shell .settings-page-panel {
    padding: 13px !important;
    gap: 10px !important;
  }
  html body #root .player-shell .settings-page-panel .modal-icon {
    width: 38px !important;
    height: 38px !important;
  }
  html body #root .player-shell .settings-page-panel .settings-list button,
  html body #root .player-shell .settings-page-panel .settings-list label {
    min-height: 50px !important;
    height: 50px !important;
    padding-inline: 13px !important;
  }
}


/* SOURCE: /assets/profile-total-assets-user-selected-v29-layout-fix-20260728.css */
    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27.profile-wallet-card{
      --ruay55-profile-assets-v29-applied:yes;
      box-sizing:border-box!important;
      position:relative!important;
      isolation:isolate!important;
      container-type:inline-size!important;
      width:100%!important;
      height:auto!important;
      min-height:0!important;
      max-height:none!important;
      aspect-ratio:764 / 409!important;
      margin:0!important;
      padding:0!important;
      overflow:hidden!important;
      border:0!important;
      border-radius:clamp(14px,4cqw,17px)!important;
      background-color:transparent!important;
      background-image:url("/assets/profile-total-assets-user-selected-v3-layout-fix-20260728.png")!important;
      background-position:center!important;
      background-size:100% 100%!important;
      background-repeat:no-repeat!important;
      box-shadow:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27.profile-wallet-card::before,
    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27.profile-wallet-card::after{
      content:none!important;
      display:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-watermark{
      display:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-heading{
      box-sizing:border-box!important;
      position:absolute!important;
      z-index:3!important;
      inset:0!important;
      width:100%!important;
      height:48.9%!important;
      margin:0!important;
      padding:0!important;
      display:block!important;
      overflow:visible!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-heading>div{
      width:100%!important;
      height:100%!important;
      display:block!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-title-row{
      box-sizing:border-box!important;
      position:absolute!important;
      inset:0!important;
      width:100%!important;
      height:100%!important;
      margin:0!important;
      padding:0!important;
      display:block!important;
      overflow:visible!important;
      white-space:nowrap!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-title-row>small{
      position:absolute!important;
      left:7.5%!important;
      top:8.8%!important;
      color:#173c2e!important;
      font-family:"Noto Sans SC","Noto Sans Thai","Noto Sans Myanmar","Noto Sans Lao",system-ui,sans-serif!important;
      font-size:clamp(15px,4.45cqw,18px)!important;
      line-height:1.2!important;
      font-weight:850!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-title-row>b{
      position:absolute!important;
      left:23.5%!important;
      top:12%!important;
      color:#263d31!important;
      font-family:Arial,"Noto Sans SC",sans-serif!important;
      font-size:clamp(10px,3.05cqw,12px)!important;
      line-height:1!important;
      font-weight:650!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-visibility{
      position:absolute!important;
      left:32.8%!important;
      top:6.5%!important;
      width:22px!important;
      height:22px!important;
      min-width:22px!important;
      min-height:22px!important;
      margin:0!important;
      padding:0!important;
      display:grid!important;
      place-items:center!important;
      border:0!important;
      background:transparent!important;
      color:#193052!important;
      box-shadow:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-visibility svg{
      width:19px!important;
      height:19px!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-center{
      box-sizing:border-box!important;
      position:absolute!important;
      z-index:4!important;
      right:5.8%!important;
      top:55%!important;
      width:31%!important;
      height:25%!important;
      min-width:0!important;
      margin:0!important;
      padding:0 10% 0 0!important;
      display:flex!important;
      align-items:center!important;
      justify-content:flex-end!important;
      overflow:hidden!important;
      border:0!important;
      background:transparent!important;
      color:#3d371f!important;
      box-shadow:none!important;
      font-family:"Noto Sans SC","Noto Sans Thai","Noto Sans Myanmar","Noto Sans Lao",system-ui,sans-serif!important;
      font-size:clamp(11px,3.65cqw,15px)!important;
      line-height:1.2!important;
      font-weight:700!important;
      text-overflow:ellipsis!important;
      white-space:nowrap!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-center svg{
      display:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-heading strong{
      box-sizing:border-box!important;
      position:absolute!important;
      left:7.4%!important;
      top:34%!important;
      width:57%!important;
      max-width:57%!important;
      height:44%!important;
      margin:0!important;
      padding:0!important;
      display:flex!important;
      align-items:center!important;
      overflow:hidden!important;
      color:#173c2e!important;
      font-family:Arial,"Noto Sans SC","Noto Sans Thai",sans-serif!important;
      font-size:clamp(23px,7.1cqw,29px)!important;
      line-height:1!important;
      font-weight:750!important;
      letter-spacing:-.025em!important;
      text-overflow:clip!important;
      text-shadow:none!important;
      white-space:nowrap!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status{
      box-sizing:border-box!important;
      position:absolute!important;
      z-index:3!important;
      left:0!important;
      right:0!important;
      top:48.9%!important;
      width:100%!important;
      height:29.1%!important;
      margin:0!important;
      padding:0!important;
      display:grid!important;
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:0!important;
      overflow:visible!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status article{
      box-sizing:border-box!important;
      position:relative!important;
      min-width:0!important;
      width:100%!important;
      height:100%!important;
      margin:0!important;
      padding:0!important;
      display:block!important;
      overflow:hidden!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status article+article{
      border-left:0!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-icon{
      display:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status small,
    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status strong{
      box-sizing:border-box!important;
      position:absolute!important;
      left:45%!important;
      width:52%!important;
      min-width:0!important;
      margin:0!important;
      padding:0!important;
      display:block!important;
      overflow:hidden!important;
      text-align:left!important;
      text-overflow:ellipsis!important;
      white-space:nowrap!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status small{
      top:23%!important;
      color:#33352f!important;
      font-family:"Noto Sans SC","Noto Sans Thai","Noto Sans Myanmar","Noto Sans Lao",system-ui,sans-serif!important;
      font-size:clamp(7px,2.5cqw,10px)!important;
      line-height:1.25!important;
      font-weight:560!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status small svg{
      display:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-balance-status strong{
      top:53%!important;
      color:#171b18!important;
      font-family:Arial,"Noto Sans SC","Noto Sans Thai",sans-serif!important;
      font-size:clamp(9px,3cqw,13px)!important;
      line-height:1.15!important;
      font-weight:730!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-actions{
      box-sizing:border-box!important;
      position:absolute!important;
      z-index:5!important;
      left:0!important;
      right:0!important;
      bottom:0!important;
      width:100%!important;
      height:22%!important;
      margin:0!important;
      padding:0!important;
      display:grid!important;
      grid-template-columns:repeat(3,minmax(0,1fr))!important;
      gap:0!important;
      overflow:visible!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      box-shadow:none!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-actions button{
      box-sizing:border-box!important;
      min-width:0!important;
      width:100%!important;
      height:100%!important;
      margin:0!important;
      padding:0 5% 0 40%!important;
      display:flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:0!important;
      overflow:hidden!important;
      border:0!important;
      border-radius:0!important;
      background:transparent!important;
      color:#fffdf4!important;
      box-shadow:none!important;
      font-family:"Noto Sans SC","Noto Sans Thai","Noto Sans Myanmar","Noto Sans Lao",system-ui,sans-serif!important;
      font-size:clamp(11px,3.45cqw,14px)!important;
      line-height:1!important;
      font-weight:720!important;
      text-overflow:ellipsis!important;
      white-space:nowrap!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-actions button+button{
      border-left:0!important;
    }

    #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-actions button>svg{
      display:none!important;
    }

    @media(max-width:359px){
      #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-heading strong{
        font-size:clamp(21px,6.8cqw,25px)!important;
      }
      #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-center{
        font-size:10px!important;
      }
      #root #profile-wallet-card-user-selected-v27#profile-wallet-card-user-selected-v27 .profile-wallet-actions button{
        padding-left:36%!important;
        font-size:10px!important;
      }
    }


/* SOURCE: /assets/profile-vip-center-roman-light-v1-20260728.css */
/*
 * Production-only visual hotfix:
 * lighten the Roman architecture behind “VIP资产中心”.
 * No layout, typography, balance, icon, or action-button changes.
 */
html:root body #root .profile-page > section.profile-wallet-card {
  background-image:
    linear-gradient(
      90deg,
      rgba(255, 252, 246, 0) 0%,
      rgba(255, 252, 246, 0.12) 38%,
      rgba(255, 252, 246, 0.28) 100%
    ),
    linear-gradient(
      104deg,
      rgba(226, 232, 220, 0.98) 0%,
      rgba(226, 232, 220, 0.98) 52.8%,
      rgba(185, 158, 95, 0.92) 52.9%,
      rgba(185, 158, 95, 0.92) 53.12%,
      rgba(226, 232, 220, 0) 53.22%
    ),
    url("/assets/profile-wallet-classical-architecture-v2.png") !important;
  background-position:
    right top,
    center,
    center !important;
  background-size:
    48% 50%,
    100% 100%,
    100% 100% !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
}


/* SOURCE: /assets/clear-company-ledger-table-v2-20260726.css */
.game-daily-ledger-panel {
  overflow: hidden;
  padding: 0;
  border: 1px solid #d9dde5;
  border-radius: 4px;
  background: #fff;
}
.game-daily-ledger-panel > .panel-heading {
  margin: 0;
  padding: 18px 20px;
  border-bottom: 1px solid #d9dde5;
  background: #f7f8fa;
}
.game-daily-ledger-panel > details {
  margin: 0;
  border: 0;
  border-bottom: 2px solid #fff;
  border-radius: 0;
  background: #f0f1f4;
}
.game-daily-ledger-panel > details > summary {
  min-height: 54px;
  padding: 0 18px;
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(420px, 2.3fr);
  align-items: center;
  gap: 0;
  cursor: pointer;
  color: #4b515e;
  list-style-position: inside;
  font-weight: 700;
}
.game-daily-ledger-panel > details > summary strong {
  font-size: 16px;
}
.game-daily-ledger-panel > details > summary span {
  min-height: 54px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-left: 2px solid #fff;
  background: #f5dfa0;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.game-daily-ledger-panel .game-daily-ledger-table-wrap {
  margin: 0;
  overflow-x: auto;
  border: 0;
  border-radius: 0;
}
.game-daily-ledger-panel table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  table-layout: fixed;
}
.game-daily-ledger-panel th,
.game-daily-ledger-panel td {
  height: 54px;
  padding: 10px 14px;
  border: 2px solid #fff;
  vertical-align: middle;
}
.game-daily-ledger-panel th {
  background: #e8eaf0;
  color: #404754;
  font-size: 13px;
  text-align: left;
}
.game-daily-ledger-panel td {
  background: #f8f9fb;
  color: #505765;
  font-weight: 650;
}
.game-daily-ledger-panel th:nth-child(n+3),
.game-daily-ledger-panel td:nth-child(n+3) {
  background: #f5dfa0;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.game-daily-ledger-panel td:first-child {
  color: #526bea;
  font-weight: 750;
}
.game-daily-ledger-panel .negative,
.game-daily-ledger-panel td:has(.negative) {
  color: #e31d1a;
}
.game-daily-ledger-panel > .game-daily-ledger-kpis {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid #d9dde5;
}
.game-daily-ledger-panel > .game-daily-ledger-kpis article {
  min-height: 84px;
  padding: 14px 18px;
  border: 2px solid #fff;
  border-radius: 0;
  background: #f5dfa0;
  text-align: right;
}
.game-daily-ledger-panel > .game-daily-ledger-kpis article small,
.game-daily-ledger-panel > .game-daily-ledger-kpis article span {
  color: #555d6a;
}
.game-daily-ledger-panel > .game-daily-ledger-kpis article strong {
  color: #293348;
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 760px) {
  .game-daily-ledger-panel > details > summary {
    grid-template-columns: 1fr;
    padding: 10px 12px;
  }
  .game-daily-ledger-panel > details > summary span {
    min-height: 38px;
    margin-top: 8px;
    border: 0;
    justify-content: flex-start;
    text-align: left;
  }
  .game-daily-ledger-panel > .game-daily-ledger-kpis {
    grid-template-columns: 1fr;
  }
}


/* SOURCE: /assets/combined-admin-tools-20260726.css */
#combined-admin-modal{position:fixed;inset:0;z-index:99999;background:#0008;display:grid;place-items:center;padding:20px}.cam-card{position:relative;width:min(760px,96vw);max-height:90vh;overflow:auto;background:#fffaf3;border:1px solid #ddb65e;border-radius:18px;padding:24px;box-shadow:0 24px 70px #0005}.cam-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:30px}.cam-card label{display:grid;gap:7px;margin:14px 0}.cam-card input,.cam-card select{padding:12px;border:1px solid #d6bd83;border-radius:10px}.cam-check{display:flex!important;align-items:center}.cam-games{display:grid;gap:8px}.cam-games>div{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:8px;align-items:center;padding:9px;border:1px solid #ead8ae;border-radius:10px}.cam-games small{display:block}.cam-save{padding:12px 18px;border:0;border-radius:10px;background:#dba426;font-weight:800;margin-top:14px}.cam-msg{margin-top:10px;color:#177d61}.cam-agent{margin-left:10px}@media(max-width:700px){.cam-games>div{grid-template-columns:1fr}.cam-card{padding:18px}}


/* SOURCE: /assets/agent-company-report-v11-20260726.css */
.agent-company-live-report{margin:18px 0;color:#27384f}.agent-company-report-title{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#fff;border:1px solid #e0d5bc;border-bottom:0}.agent-company-report-title strong{font-size:17px}.agent-company-report-title small{color:#7b7468}.report-table-wrap{overflow-x:auto;border:1px solid #e0d5bc;background:#fff}.agent-company-live-report table{width:100%;min-width:880px;border-collapse:collapse;table-layout:fixed}.agent-company-live-report th,.agent-company-live-report td{padding:12px 14px;border-right:1px solid #fff;border-bottom:1px solid #fff;vertical-align:middle}.agent-company-live-report th{background:#fff;text-align:left;font-size:13px;font-weight:800}.agent-company-live-report th:nth-child(1){width:14%}.agent-company-live-report th:nth-child(2){width:23%}.agent-company-live-report th:nth-child(n+3){width:21%;background:#f4dda0}.agent-company-live-report td{background:#fff;font-size:13px}.agent-company-live-report td:nth-child(n+3){background:#f4dda0}.agent-company-live-report .money-cell{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.agent-company-live-report .money-cell span{display:block;line-height:1.65;white-space:nowrap}.agent-company-live-report .money-cell span+span{font-size:11px;color:#66758a}.agent-company-live-report .negative,.agent-company-live-report .negative span+span{color:#d34f53}.report-group-link{padding:0;border:0;background:none;color:#536cdf;font:inherit;font-weight:750;cursor:pointer}.subtotal-row td,.agent-share-row td{font-weight:850}.subtotal-row td:nth-child(-n+2),.agent-share-row td:nth-child(-n+2){background:#fff!important}.subtotal-row td:nth-child(n+3),.agent-share-row td:nth-child(n+3){background:#f4dda0!important}.pb-group-row td{padding:11px 14px!important;background:#eef0f3!important;font-weight:850}.settlement-row td:nth-child(-n+2){background:#fff}.settlement-row td:nth-child(n+3){background:#f4dda0}.pb-total-row td{font-weight:900;background:#e8eef5!important;border-top:2px solid #c7d3df}.agent-company-live-report .notice{padding:16px 18px;border:1px solid #d7dfdb;background:#fff;color:#27384f;font-weight:700}
@media(max-width:700px){.agent-company-live-report{margin:12px 8px}.agent-company-report-title{padding:12px 13px}.agent-company-report-title strong{font-size:15px}.agent-company-report-title small{font-size:11px}.report-table-wrap{overflow:visible;border-radius:10px}.agent-company-live-report table{min-width:0;table-layout:fixed}.agent-company-live-report th,.agent-company-live-report td{padding:10px 7px;font-size:11px}.agent-company-live-report th:nth-child(1),.agent-company-live-report td.company-cell{display:none}.agent-company-live-report th:nth-child(2){width:31%}.agent-company-live-report th:nth-child(3){width:34%}.agent-company-live-report th:nth-child(4){display:none}.agent-company-live-report th:nth-child(5){width:35%}.agent-company-live-report td:nth-child(4){display:none}.agent-company-live-report .money-cell span{font-size:11px;line-height:1.5}.agent-company-live-report .money-cell span+span{font-size:9px}.report-group-link{text-align:left;font-size:11px}.subtotal-row td:first-child,.agent-share-row td:first-child,.pb-total-row td:first-child{display:table-cell!important}.subtotal-row td:first-child,.agent-share-row td:first-child,.pb-total-row td:first-child{width:31%}.subtotal-row td:nth-child(3),.pb-total-row td:nth-child(3){width:34%}.subtotal-row td:nth-child(4),.agent-share-row .mobile-hide,.pb-total-row td:nth-child(4){display:none}.pb-group-row td{display:table-cell!important}.settlement-row td:nth-child(2){width:31%}.settlement-row td:nth-child(3){width:34%}.settlement-row td:nth-child(5){width:35%}.agent-share-row td:last-child{display:table-cell!important}.agent-company-live-report .notice{padding:13px;font-size:12px}}
.agent-company-live-report .pb-group-row td{background:#fff!important;border-top:2px solid #d9bd76}.agent-company-live-report .pb-total-row td{background:#f4dda0!important;border-top:2px solid #caa957}
.agent-company-live-report th:nth-child(n+3),.agent-company-live-report td:nth-child(n+3),.agent-company-live-report .subtotal-row td:nth-child(n+3),.agent-company-live-report .agent-share-row td:nth-child(n+3),.agent-company-live-report .settlement-row td:nth-child(n+3),.agent-company-live-report .pb-total-row td{background:#e8f2fb!important}.agent-company-live-report .pb-group-row td{background:#fff!important;border-top-color:#a9c7df}.agent-company-live-report .pb-total-row td{border-top-color:#8fb5d3}
.agent-company-live-report .subtotal-row td{background:#e8f2fb!important;border-top:2px solid #a9c7df}
.agent-company-live-report{margin:10px 0!important}.agent-company-report-title{padding:10px 14px!important}.agent-company-report-title strong{font-size:15px!important}.agent-company-live-report th{height:40px!important;padding:7px 10px!important;font-size:12px!important;line-height:1.25!important}.agent-company-live-report td{height:46px!important;padding:6px 10px!important;font-size:12px!important;line-height:1.3!important}.agent-company-live-report .money-cell span{line-height:1.35!important}.agent-company-live-report .money-cell span+span{font-size:10px!important}.agent-company-live-report .pb-group-row td,.agent-company-live-report .subtotal-row td,.agent-company-live-report .pb-total-row td{height:42px!important;padding:6px 10px!important}
@media(max-width:700px){.agent-company-live-report{margin:8px 5px!important}.agent-company-report-title{padding:9px 10px!important}.agent-company-live-report th{height:36px!important;padding:5px!important;font-size:10px!important}.agent-company-live-report td{height:42px!important;padding:5px!important;font-size:10px!important}.agent-company-live-report .money-cell span{font-size:10px!important;line-height:1.3!important}.agent-company-live-report .money-cell span+span{font-size:8.5px!important}.agent-company-live-report .pb-group-row td,.agent-company-live-report .subtotal-row td,.agent-company-live-report .pb-total-row td{height:38px!important;padding:5px!important}}
.mobile-company-report{display:none}
@media(max-width:700px){.desktop-company-report{display:none}.mobile-company-report{display:block;overflow:hidden}.mobile-company-report table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important}.mobile-company-report thead{display:table-header-group!important}.mobile-company-report tbody{display:table-row-group!important}.mobile-company-report tr{display:table-row!important}.mobile-company-report th,.mobile-company-report td{display:table-cell!important}.mobile-company-report th:nth-child(1),.mobile-company-report td:nth-child(1){width:31%!important}.mobile-company-report th:nth-child(2),.mobile-company-report td:nth-child(2){width:34%!important}.mobile-company-report th:nth-child(3),.mobile-company-report td:nth-child(3){width:35%!important}.mobile-company-report .pb-group-row td{width:auto!important}.mobile-company-report .report-group-link{white-space:normal;word-break:break-word}.mobile-company-report .pb-total-row td:first-child{display:table-cell!important;width:31%!important}}


/* SOURCE: /assets/profile-record-preview-v1-20260726.css */
/* Production additive hotfix: profile order / transaction preview only. */
html body #root .player-shell:has(.profile-page) .profile-record-tabs-only {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(167, 137, 70, .45) !important;
  border-radius: 12px 12px 0 0 !important;
  background: #f7f4e8 !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-tabs-only button {
  position: relative !important;
  width: 100% !important;
  height: 37px !important;
  min-height: 37px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #304039 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  line-height: 37px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-tabs-only button + button {
  border-left: 1px solid rgba(135, 123, 88, .22) !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-tabs-only button.active {
  color: #203b30 !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-tabs-only button.active::after {
  content: "" !important;
  position: absolute !important;
  left: 20% !important;
  right: 20% !important;
  bottom: 0 !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #b47b10 !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-list {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: -16px 0 calc(82px + env(safe-area-inset-bottom)) !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(167, 137, 70, .34) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  background: #fffdf7 !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-row {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 7px 0 !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #202a25 !important;
  text-align: left !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-row + .profile-record-preview-row {
  border-top: 1px solid rgba(124, 118, 94, .18) !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-row .record-icon {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-row .record-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-row .record-main strong {
  overflow: hidden !important;
  color: #1f2b26 !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-row .record-main small {
  color: #858b87 !important;
  font-size: 9px !important;
  line-height: 12px !important;
}
html body #root .player-shell:has(.profile-page) .record-preview-amount {
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: end !important;
  gap: 3px !important;
  color: #17211d !important;
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 800 !important;
  text-align: right !important;
}
html body #root .player-shell:has(.profile-page) .record-preview-amount small {
  color: #8b918e !important;
  font-size: 8px !important;
  line-height: 15px !important;
  font-weight: 500 !important;
}
html body #root .player-shell:has(.profile-page) .record-preview-amount.negative {
  color: #a63f32 !important;
}
html body #root .player-shell:has(.profile-page) .profile-record-preview-empty {
  min-height: 74px !important;
  display: grid !important;
  place-items: center !important;
  color: #65716b !important;
  font-size: 11px !important;
  text-align: center !important;
}
@media (max-width: 380px) {
  html body #root .player-shell:has(.profile-page) .profile-record-tabs-only button {
    padding-inline: 4px !important;
    font-size: 10px !important;
  }
  html body #root .player-shell:has(.profile-page) .profile-record-preview-list {
    padding-inline: 9px !important;
  }
}


/* SOURCE: /assets/transfer-history-receipt-v9-20260727.css */
.transfer-history-native-close {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.transfer-history-receipt-v9 .transfer-success-page { position: relative; }

.transfer-history-receipt-v9 .transfer-success-certificate {
  min-width: 0 !important;
  overflow: hidden !important;
}

.transfer-history-receipt-v9 .transfer-success-details,
.transfer-history-receipt-v9 .transfer-success-details > div {
  min-width: 0 !important;
  max-width: 100% !important;
}

.transfer-history-receipt-v9 .transfer-success-details {
  position: relative !important;
  z-index: 2 !important;
  padding-bottom: 24px !important;
}

.transfer-history-receipt-v9 .transfer-success-details > div {
  grid-template-columns: minmax(82px, 31%) minmax(0, 1fr) !important;
  column-gap: 8px !important;
}

.transfer-history-receipt-v9 .transfer-success-details > div:last-child {
  position: relative !important;
  z-index: 3 !important;
}

.transfer-history-receipt-v9 .transfer-success-details dt,
.transfer-history-receipt-v9 .transfer-success-details dd {
  min-width: 0 !important;
  max-width: 100% !important;
}

.transfer-history-receipt-v9 .transfer-success-details dd {
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  white-space: normal !important;
  line-height: 1.32 !important;
}

.transfer-history-receipt-v9 .transfer-success-reference-row dd {
  font-size: clamp(11px, 3.2vw, 14px) !important;
}

@media (max-width: 390px) {
  .transfer-history-receipt-v9 .transfer-success-page { padding-inline: 14px !important; }
  .transfer-history-receipt-v9 .transfer-success-certificate { padding-inline: 15px !important; }
}

.transfer-history-receipt-back {
  position: absolute;
  top: calc(12px + env(safe-area-inset-top, 0px));
  left: 12px;
  z-index: 5;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 0 0 3px;
  border: 1px solid rgba(185, 158, 95, 0.55);
  border-radius: 50%;
  color: #173b63;
  background: rgba(255, 253, 248, 0.96);
  box-shadow: 0 4px 12px rgba(88, 68, 30, 0.1);
  font-size: 28px;
  line-height: 1;
}

.transfer-history-receipt-back:active { transform: scale(0.96); }


/* SOURCE: /assets/transaction-history-full-v6-20260727.css */
/* Full order / transaction history: same visual contract for every currency and locale. */
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 10px 12px calc(88px + env(safe-area-inset-bottom)) !important;
  gap: 0 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading {
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading > div {
  grid-column: 2 !important;
  text-align: center !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading p {
  display: none !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading h1 {
  margin: 0 !important;
  color: #173d60 !important;
  font-size: 20px !important;
  line-height: 28px !important;
  font-weight: 800 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .wallet-back-button {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(171, 134, 49, .55) !important;
  border-radius: 50% !important;
  background: #fffdf6 !important;
  color: #173d60 !important;
  box-shadow: 0 3px 8px rgba(67, 54, 25, .08) !important;
  font-size: 0 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .record-summary,
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .table-panel:not(.detailed-record-panel),
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-panel > .panel-heading {
  display: none !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-panel {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 48px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(164, 138, 77, .38) !important;
  border-radius: 10px !important;
  background: rgba(239, 240, 231, .92) !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 5px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  background: transparent !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label + label {
  border-left: 1px solid rgba(113, 111, 95, .24) !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label > span {
  display: none !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label:nth-last-child(1) {
  display: none !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar select,
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar input[type="month"] {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 20px 0 5px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: #27332e !important;
  box-shadow: none !important;
  font-size: 12px !important;
  line-height: 46px !important;
  font-weight: 650 !important;
  text-align: center !important;
  text-align-last: center !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-list {
  box-sizing: border-box !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(167, 137, 70, .42) !important;
  border-radius: 12px !important;
  background: #fffdf7 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #202a25 !important;
  text-align: left !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row + .detailed-record-row {
  border-top: 1px solid rgba(124, 118, 94, .19) !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-icon {
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-main {
  min-width: 0 !important;
  display: grid !important;
  gap: 3px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-main strong {
  overflow: hidden !important;
  color: #1f2b26 !important;
  font-size: 12px !important;
  line-height: 17px !important;
  font-weight: 750 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-main small {
  color: #858b87 !important;
  font-size: 9px !important;
  line-height: 12px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-amount {
  display: grid !important;
  justify-items: end !important;
  gap: 2px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-amount em {
  color: #6d756f !important;
  font-size: 8px !important;
  line-height: 11px !important;
  font-style: normal !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-amount b {
  color: #17211d !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-weight: 800 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-amount b.negative {
  color: #a63f32 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-row .record-amount b small {
  margin-right: 3px !important;
  color: #8b918e !important;
  font-size: 8px !important;
  font-weight: 500 !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-list-footer {
  margin: 10px 0 0 !important;
  padding: 0 4px !important;
}
@media (max-width: 359px) {
  html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) {
    padding-inline: 8px !important;
  }
  html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar select,
  html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar input[type="month"] {
    font-size: 10px !important;
  }
}

/* v3: use the full player viewport and keep controls close to the fixed header. */
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) {
  width: 100% !important;
  max-width: none !important;
  min-height: calc(100dvh - 150px) !important;
  margin: 0 !important;
  padding: 0 4px calc(82px + env(safe-area-inset-bottom)) !important;
}
html body #root .player-shell:has(.transaction-records-page, .order-records-page) .main-area {
  padding-top: 10px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading {
  min-height: 44px !important;
  height: 44px !important;
  margin: 0 0 2px !important;
  padding-inline: 6px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .common-tool-inline-header {
  padding-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .common-tool-inline-header > div {
  top: 22px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .common-tool-inline-header .player-action-page-back {
  top: 3px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar {
  margin-bottom: 6px !important;
  border-radius: 9px !important;
}
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .detailed-record-list {
  min-height: calc(100dvh - 278px) !important;
  padding-inline: 8px !important;
  border-radius: 9px !important;
}

/* v4: one aligned title row and one clean, full-width three-column filter bar. */
html body #root .player-shell:has(.transaction-records-page, .order-records-page) .page-content {
  padding-inline: 0 !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) {
  padding-inline: 0 !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  grid-template-rows: 48px !important;
  align-items: center !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading > div {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  transform: none !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  text-align: center !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .wallet-back-button,
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .player-action-page-back {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: start !important;
  margin: 0 !important;
}

/* Bold CJK glyphs sit optically lower than their line box on iOS Safari. */
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading h1 {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  white-space: nowrap !important;
  transform: translateY(-3px) !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 52px !important;
  margin: 0 0 6px !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label {
  height: 50px !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label + label {
  border-left: 1px solid rgba(113, 111, 95, .24) !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) .record-filter-bar > label:nth-last-child(1) {
  display: none !important;
  border: 0 !important;
}


/* SOURCE: /assets/transaction-record-header-alignment-v9-optical-20260727.css */
/* Record header optical centering: keep the title and back button on one shared visual axis. */
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading {
  width: 100% !important;
  min-height: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  grid-template-rows: 56px !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading > div {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 58px !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  transform: translateY(-5px) !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading h1 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0e2851 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  transform: none !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .wallet-back-button,
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .player-action-page-back {
  position: relative !important;
  z-index: 2 !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  line-height: 0 !important;
  transform: translateY(-5px) !important;
}

html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .wallet-back-button > *,
html body #root .player-shell .content-page:is(.transaction-records-page, .order-records-page) > .page-heading .player-action-page-back > * {
  margin: 0 !important;
  transform: none !important;
}


/* SOURCE: /assets/transaction-record-footer-fixed-v2-20260730.css */
html body #root .player-shell .transaction-records-page .record-list-footer{
  box-sizing:border-box!important;
  flex:0 0 50px!important;
  align-self:end!important;
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  padding:7px 12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  overflow:hidden!important;
  border-top:1px solid rgba(150,132,92,.22)!important;
  border-radius:0 0 12px 12px!important;
  background:linear-gradient(180deg,#fbfaf5 0%,#f6f2e8 100%)!important;
  color:#747a78!important;
  font-size:11px!important;
  line-height:16px!important;
  font-weight:700!important;
}
html body #root .player-shell .transaction-records-page .record-list-footer>span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
html body #root .player-shell .transaction-records-page .record-list-footer>button{
  flex:0 0 auto!important;
  min-width:82px!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(184,145,54,.42)!important;
  border-radius:999px!important;
  background:#fffaf0!important;
  box-shadow:0 2px 7px rgba(95,73,27,.08),inset 0 1px rgba(255,255,255,.82)!important;
  color:#8d671f!important;
  font-size:12px!important;
  line-height:32px!important;
  font-weight:800!important;
}
html body #root .player-shell .transaction-records-page .record-list-footer>button:active{
  background:#f4ead2!important;
  transform:translateY(1px);
}
@media(max-width:420px){
  html body #root .player-shell .transaction-records-page .record-list-footer{
    flex-basis:46px!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:6px 10px!important;
  }
  html body #root .player-shell .transaction-records-page .record-list-footer>button{
    min-width:76px!important;
    min-height:32px!important;
    height:32px!important;
    padding:0 12px!important;
    line-height:30px!important;
  }
}


/* SOURCE: /assets/transfer-receipt-amount-fit-v1-20260727.css */
.transfer-receipt-amount {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding-inline: 6px !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.transfer-receipt-amount b {
  min-width: 0 !important;
  max-width: calc(100% - 52px) !important;
  font-size: var(--receipt-fitted-font-size, clamp(32px, 16vw, 72px)) !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}

.transfer-receipt-amount span {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}


/* SOURCE: /assets/record-detail-bank-header-v1-20260727.css */
/* Transaction detail header palette lock.
   Matches the approved Common Tools > Bank Account top bar without changing
   the detail cards, receipts, navigation behavior, or any other theme. */
html body .record-detail-backdrop .record-detail-page .record-detail-topbar {
  background: linear-gradient(180deg, #e9dfcf 0%, #e4dac9 100%) !important;
  border-bottom: 1px solid rgba(166, 127, 47, .28) !important;
  box-shadow: none !important;
}

html body .record-detail-backdrop .record-detail-page .record-detail-topbar h2,
html body .record-detail-backdrop .record-detail-page .record-detail-topbar .modal-close {
  color: #0e2851 !important;
}


/* SOURCE: /assets/game-record-pagination-v1-20260727.css */
.game-record-pagination {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: center;
  padding: 18px 12px calc(18px + env(safe-area-inset-bottom));
}

.game-record-pagination button {
  background: #fffdf7;
  border: 1px solid rgba(190, 145, 36, 0.45);
  border-radius: 14px;
  color: #123c64;
  font: inherit;
  font-weight: 700;
  min-height: 42px;
  min-width: 88px;
  padding: 8px 16px;
}

.game-record-pagination button:disabled {
  cursor: default;
  opacity: 0.38;
}

.game-record-pagination span {
  color: #4b4b43;
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  min-width: 92px;
  text-align: center;
}

@media (max-width: 430px) {
  .game-record-pagination {
    gap: 8px;
    padding-inline: 6px;
  }

  .game-record-pagination button {
    min-width: 78px;
    padding-inline: 12px;
  }
}


/* SOURCE: /assets/game-record-list-clean-v4-loss-red-fixed-detail-20260731.css */
@import url("/assets/game-record-list-clean-v2-provider-only-20260730.css");

.game-records-action-page .game-record-provider-directory {
  display: grid !important;
  gap: 10px !important;
  padding: 0 12px 18px !important;
}

.game-records-action-page .game-record-provider-card {
  min-width: 0 !important;
  min-height: 82px !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(90px, 1.2fr) minmax(74px, .85fr) minmax(74px, .85fr) 16px !important;
  gap: 9px !important;
  align-items: center !important;
  border: 1px solid rgba(177, 147, 78, .28) !important;
  border-radius: 16px !important;
  background: #fffdf8 !important;
  box-shadow: 0 5px 14px rgba(54, 48, 32, .06) !important;
  color: inherit !important;
  text-align: left !important;
}

.game-records-action-page .game-record-provider-icon {
  width: 34px !important;
  height: 34px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: rgba(225, 226, 207, .72) !important;
  color: #9b7a2e !important;
}

.game-records-action-page .game-record-provider-name,
.game-records-action-page .game-record-provider-metric {
  min-width: 0 !important;
}

.game-records-action-page .game-record-provider-name strong,
.game-records-action-page .game-record-provider-metric strong {
  display: block !important;
  overflow: hidden !important;
  font-size: 13px !important;
  line-height: 19px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.game-records-action-page .game-record-provider-name strong {
  color: #112c55 !important;
  font-size: 15px !important;
}

.game-records-action-page .game-record-provider-name small,
.game-records-action-page .game-record-provider-metric small {
  display: block !important;
  margin-bottom: 2px !important;
  color: #777268 !important;
  font-size: 10px !important;
  line-height: 14px !important;
}

.game-records-action-page .game-record-provider-metric {
  text-align: right !important;
}

.game-records-action-page .game-record-provider-detail-bar {
  margin: 0 12px 10px !important;
  min-height: 44px !important;
  padding: 7px 10px !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: space-between !important;
  border: 1px solid rgba(177, 147, 78, .2) !important;
  border-radius: 13px !important;
  background: rgba(248, 242, 229, .72) !important;
}

.game-records-action-page .game-record-provider-detail-bar button {
  min-width: 0 !important;
  padding: 6px 8px !important;
  display: inline-flex !important;
  gap: 5px !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #112c55 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.game-records-action-page .game-record-provider-detail-bar > strong {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #112c55 !important;
  font-size: 14px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 390px) {
  .game-records-action-page .game-record-provider-card {
    grid-template-columns: 32px minmax(84px, 1fr) minmax(66px, .8fr) minmax(66px, .8fr) 14px !important;
    gap: 6px !important;
    padding-inline: 10px !important;
  }

  .game-records-action-page .game-record-provider-name strong {
    font-size: 13px !important;
  }

  .game-records-action-page .game-record-provider-metric strong {
    font-size: 11px !important;
  }
}

@media (max-width: 359px) {
  .game-records-action-page .game-record-provider-card {
    grid-template-columns: 30px minmax(80px, 1fr) minmax(62px, .8fr) 12px !important;
  }

  .game-records-action-page .game-record-provider-card .game-record-provider-metric.result {
    display: none !important;
  }
}

/* Provider overview: losses are visually distinct from wins. */
.game-records-action-page .game-record-provider-card .game-record-provider-metric.result strong.negative {
  color: #d83b46 !important;
}

.game-records-action-page .game-record-provider-card .game-record-provider-metric.result strong.positive {
  color: #5f813b !important;
}

/* Provider detail: keep the five-record page and pagination in one viewport. */
.game-records-action-page.scrollable:has(.game-record-provider-detail-bar) {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-records-timeline-page {
  min-height: 0 !important;
  height: calc(100dvh - 56px) !important;
  padding-bottom: max(6px, env(safe-area-inset-bottom)) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-filter-bar,
.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-summary,
.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-provider-detail-bar {
  flex: 0 0 auto !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-list {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-group {
  min-height: 0 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-rows {
  min-height: 0 !important;
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  overflow: hidden !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-row {
  min-height: 0 !important;
  height: auto !important;
  padding-block: 5px !important;
}

.game-records-action-page:has(.game-record-provider-detail-bar) .game-record-pagination {
  flex: 0 0 auto !important;
  margin-top: 6px !important;
  padding-bottom: 0 !important;
}

@media (max-height: 760px) {
  .game-records-action-page:has(.game-record-provider-detail-bar) .game-record-filter-bar,
  .game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-summary {
    min-height: 72px !important;
  }

  .game-records-action-page:has(.game-record-provider-detail-bar) .game-record-provider-detail-bar {
    min-height: 38px !important;
    margin-bottom: 6px !important;
  }

  .game-records-action-page:has(.game-record-provider-detail-bar) .game-record-timeline-group > header {
    min-height: 46px !important;
    padding-block: 7px !important;
  }
}


/* SOURCE: /assets/settings-header-optical-center-v2-20260727.css */
html body #root .player-shell .settings-page .page-heading > div {
  top: calc(50% + 4px) !important;
}

html body #root .player-shell .settings-page .page-heading .wallet-back-button.wallet-back-button {
  top: calc(50% + 4px) !important;
  transform: translateY(-50%) !important;
}

html body #root .player-shell .settings-page .page-heading .wallet-back-button.wallet-back-button svg {
  transform: translate(-1px, 1px) !important;
}


/* SOURCE: /assets/wallet-inner-only-fix-v8-20260731.css */
/*
 * RUAY55 wallet inner-only fix.
 * Keeps the current wallet background/card artwork intact.
 * Only adjusts title alignment, cash detail separators/text, and auto-convert text alignment.
 */

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: visible !important;
  transform: none !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > .card-icon,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  box-sizing: border-box !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(122, 130, 103, 0.34) !important;
  border-radius: 50% !important;
  background: rgba(247, 249, 238, 0.78) !important;
  color: #315b45 !important;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5) !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > .card-icon svg,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon svg {
  width: 22px !important;
  height: 22px !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > strong,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > strong {
  display: block !important;
  min-width: 0 !important;
  overflow: visible !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details {
  display: grid !important;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.22fr) minmax(0, 1.26fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::before,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::after,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span::before,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span::after {
  content: none !important;
  display: none !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span {
  min-width: 0 !important;
  min-height: 52px !important;
  padding: 0 10px !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-left: 0 !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:first-child {
  padding-left: 0 !important;
  border-left: 0 !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details small,
html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details b {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details b {
  font-size: clamp(10px, 2.65vw, 13px) !important;
  line-height: 1.05 !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span > strong {
  font-size: clamp(18px, 5vw, 24px) !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 42px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
  line-height: 1 !important;
  transform: none !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > svg {
  width: 20px !important;
  height: 20px !important;
  justify-self: center !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > span {
  min-width: 0 !important;
  min-height: 100% !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

html:root body #root .player-shell .wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 1.16 !important;
  font-size: clamp(13px, 3.4vw, 16px) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > .card-icon {
  display: grid !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > span,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note strong {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > span {
  grid-column: 2 !important;
  flex: 1 1 auto !important;
  justify-content: center !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > svg {
  grid-column: 1 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note strong {
  font-size: 14px !important;
  letter-spacing: -0.02em !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(2) b,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(3) b {
  width: 100% !important;
  max-width: none !important;
  font-size: 11px !important;
  letter-spacing: -0.035em !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span > strong {
  font-size: 19px !important;
  letter-spacing: -0.035em !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats {
  position: absolute !important;
  top: auto !important;
  left: 4.8% !important;
  right: 4.8% !important;
  bottom: 4.2% !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: auto !important;
  max-width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span {
  box-sizing: border-box !important;
  position: relative !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  align-items: center !important;
  column-gap: 9px !important;
  row-gap: 3px !important;
  overflow: hidden !important;
  border: 1px solid rgba(122, 130, 103, 0.34) !important;
  border-radius: 10px !important;
  background: rgba(255, 253, 246, 0.76) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.72), 0 2px 5px rgba(43, 59, 40, 0.08) !important;
  color: #5a6760 !important;
  font-size: clamp(10px, 3vw, 12px) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  transform: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span::before {
  content: "⇧" !important;
  position: static !important;
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  align-self: center !important;
  justify-self: center !important;
  width: 35px !important;
  height: 35px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(88, 112, 76, 0.44) !important;
  border-radius: 50% !important;
  color: #315b45 !important;
  background: linear-gradient(145deg, rgba(249, 251, 240, 0.96), rgba(213, 223, 201, 0.92)) !important;
  box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.5) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  transform: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span:nth-child(2)::before {
  content: "◷" !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span > strong {
  grid-column: 2 !important;
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash {
  background-color: transparent !important;
  background-image: url("/assets/wallet-clean-card-bg-wide-v2-crop90-no-border-20260731.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  border: 1px solid rgba(142, 148, 125, 0.52) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.58), 0 1px 4px rgba(47, 61, 42, 0.08) !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus {
  background-color: transparent !important;
  background-image: url("/assets/wallet-clean-gift-card-bg-v9-no-left-icon-20260731.png") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash::after,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus::after {
  content: none !important;
  display: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details {
  position: relative !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  bottom: 2px !important;
  width: 1px !important;
  display: block !important;
  background: rgba(91, 100, 89, 0.38) !important;
  pointer-events: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::before {
  left: 28.6% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::after {
  left: 64.2% !important;
}

/* Final inner layout: clean background + one normal grid layout, no old stacked positioning. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 42px 22px 58px 52px 58px !important;
  align-content: start !important;
  gap: 6px !important;
  height: auto !important;
  min-height: clamp(286px, 76.86vw, 330px) !important;
  padding: clamp(16px, 4.7vw, 20px) clamp(16px, 4.7vw, 20px) 15px !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title {
  box-sizing: border-box !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > .card-icon,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  flex: 0 0 40px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > strong,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > strong {
  line-height: 40px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > small,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > h2,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > small {
  display: block !important;
  min-height: 22px !important;
  color: #607068 !important;
  font-size: clamp(18px, 5.7vw, 23px) !important;
  font-weight: 900 !important;
  line-height: 22px !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > h2 {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 58px !important;
  color: #064c3d !important;
  font-size: clamp(38px, 11.6vw, 49px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta {
  display: block !important;
  min-height: 52px !important;
  padding: 0 !important;
  border-top: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details {
  height: 52px !important;
  min-height: 52px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats {
  height: 58px !important;
  min-height: 58px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-rows: 42px 52px 50px 42px !important;
  align-content: start !important;
  gap: 6px !important;
  height: auto !important;
  min-height: clamp(230px, 62vw, 258px) !important;
  padding: clamp(15px, 4.4vw, 18px) clamp(16px, 4.7vw, 20px) 14px !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > h2,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > h2 {
  display: flex !important;
  align-items: center !important;
  min-height: 52px !important;
  font-size: clamp(38px, 11vw, 48px) !important;
  line-height: 1 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  height: 50px !important;
  min-height: 50px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note {
  min-height: 42px !important;
  height: 42px !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(122, 130, 103, 0.26) !important;
  border-radius: 10px !important;
  background: rgba(255, 253, 246, 0.66) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.72) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > svg {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  justify-self: center !important;
  color: #73845f !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  height: 100% !important;
}

/* Final pass: fix the four marked wallet-card details with one clean layout. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus {
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash {
  grid-template-rows: 36px 22px 56px 54px 58px !important;
  gap: 6px !important;
  padding-top: clamp(22px, 6.15vw, 26px) !important;
  padding-left: clamp(18px, 5.25vw, 22px) !important;
  padding-right: clamp(18px, 5.25vw, 22px) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus {
  grid-template-rows: 36px 52px 52px 42px !important;
  gap: 6px !important;
  padding-top: clamp(22px, 6.15vw, 26px) !important;
  padding-left: clamp(18px, 5.25vw, 22px) !important;
  padding-right: clamp(18px, 5.25vw, 22px) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title {
  height: 36px !important;
  min-height: 36px !important;
  align-items: center !important;
  gap: 9px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > .card-icon,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > .card-icon svg,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon svg {
  width: 19px !important;
  height: 19px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title > strong,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > strong {
  display: flex !important;
  align-items: center !important;
  height: 36px !important;
  min-height: 36px !important;
  line-height: 1 !important;
  padding: 0 0 1px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details {
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.2fr) minmax(0, 1.06fr) !important;
  height: 54px !important;
  min-height: 54px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::before {
  left: 30.4% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::after {
  left: 67.8% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span {
  min-height: 54px !important;
  height: 54px !important;
  padding: 0 9px !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:first-child {
  padding-left: 0 !important;
  padding-right: 12px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(2) {
  padding-left: 22px !important;
  padding-right: 12px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(3) {
  padding-left: 13px !important;
  padding-right: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details small {
  font-size: clamp(13px, 3.5vw, 16px) !important;
  line-height: 1.05 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details b {
  font-size: clamp(10px, 2.9vw, 12px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats {
  height: 52px !important;
  min-height: 52px !important;
  gap: 9px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats > span {
  box-sizing: border-box !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  overflow: hidden !important;
  border: 1px solid rgba(122, 130, 103, 0.36) !important;
  border-radius: 10px !important;
  background: rgba(255, 253, 246, 0.68) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.72), 0 1px 4px rgba(43, 59, 40, 0.07) !important;
  color: #52645d !important;
  font-size: clamp(12px, 3.35vw, 15px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats > span::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats > span::after {
  content: none !important;
  display: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .balance-stats > span > strong {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: clamp(13px, 3.55vw, 17px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.02em !important;
}

/* The supplied background artwork already includes the card frame. Remove the old container frame. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

/* Keep the two main amounts inside the artwork breathing room. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > h2 {
  font-size: clamp(28px, 7.8vw, 34px) !important;
  letter-spacing: -0.04em !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > h2 {
  font-size: clamp(29px, 8vw, 35px) !important;
  letter-spacing: -0.035em !important;
}

/* v6: the selected original gift-card artwork already contains its gift.
   Remove the extra DOM title icon so the artwork is the only gift layer. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title {
  padding-left: 16.8% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  display: none !important;
}

/* v6 hard lock: the supplied original gift artwork is the single gift layer. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background-color: transparent !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus::after,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon svg {
  display: none !important;
}

/* v5: remove the old right-side decorative gift/ornament element only.
   The left title gift icon remains visible. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-ornament,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-crown,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > img:not(.card-icon),
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > picture {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* v7: use the supplied gift-card artwork as the single gift layer.
   The artwork already contains the left title gift and the right gift box; no extra gift DOM is shown. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus {
  background-image: url("/assets/wallet-clean-gift-card-bg-v25-clean-right-final-20260731.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  border: 1px solid rgba(142, 148, 125, 0.52) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.58), 0 1px 4px rgba(47, 61, 42, 0.08) !important;
  overflow: hidden !important;
  grid-template-rows: 38px 50px 52px 42px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title {
  height: 38px !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  padding-left: 16.8% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > strong {
  height: 38px !important;
  min-height: 38px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  padding-top: 8px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  flex: 0 0 0 !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon svg {
  display: none !important;
  width: 19px !important;
  height: 19px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(2) {
  padding-left: 22px !important;
}

/* v7 icon correction: do not rely on stretched artwork/icons for the title and stat tiles. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title {
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding-left: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > strong {
  height: 42px !important;
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1 !important;
  padding-top: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon {
  display: grid !important;
  visibility: visible !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  flex: 0 0 42px !important;
  aspect-ratio: 1 / 1 !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  background: rgba(252, 249, 239, 0.98) !important;
  border: 1px solid rgba(137, 145, 111, 0.28) !important;
  box-shadow: 0 1px 5px rgba(47, 61, 42, 0.14), inset 0 0 0 2px rgba(255, 255, 255, 0.55) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .wallet-vip-card-title > .card-icon svg {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  aspect-ratio: 1 / 1 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span::before {
  content: "" !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  min-height: 35px !important;
  aspect-ratio: 1 / 1 !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23315b45' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 14.2V5.8'/%3E%3Cpath d='M8.45 9.35 12 5.8l3.55 3.55'/%3E%3Cpath d='M6.4 13.15v3.7c0 .9.72 1.62 1.62 1.62h7.96c.9 0 1.62-.72 1.62-1.62v-3.7'/%3E%3Cpath d='M8.55 15.05h6.9' opacity='.72'/%3E%3C/svg%3E") center / 20px 20px no-repeat,
    linear-gradient(145deg, rgba(249, 251, 240, 0.96), rgba(213, 223, 201, 0.92)) !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.wallet-vip-card.wallet-vip-cash > .balance-stats > span:nth-child(2)::before {
  content: "" !important;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23315b45' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.45'/%3E%3Cpath d='M12 8.05v4.45l3.05 1.88'/%3E%3Cpath d='M6.65 6.65 5.35 5.35' opacity='.55'/%3E%3Cpath d='M17.35 6.65l1.3-1.3' opacity='.55'/%3E%3C/svg%3E") center / 19px 19px no-repeat,
    linear-gradient(145deg, rgba(249, 251, 240, 0.96), rgba(213, 223, 201, 0.92)) !important;
}

/* Final single-frame lock: cash background has no baked frame; draw exactly one container frame. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash {
  background-image: url("/assets/wallet-clean-card-bg-wide-v2-crop90-no-border-20260731.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  border: 1px solid rgba(142, 148, 125, 0.52) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.58), 0 1px 4px rgba(47, 61, 42, 0.08) !important;
  overflow: hidden !important;
}

/* Final three-column text safety: prevent the gift-code label from looking clipped. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details {
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr) minmax(0, 1.16fr) !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span {
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(3) {
  padding-left: 18px !important;
  padding-right: 10px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details small,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details b {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

/* Final residue cleanup: the old exchange hint must not sit behind the two cash stat boxes. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta > p,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta > .wallet-vip-rate-note,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta > .wallet-vip-exchange-note {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Final auto-convert row: center the icon and text as one clean group inside the box. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .auto-convert-note {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 0 14px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > svg {
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.bonus.wallet-vip-card.wallet-vip-bonus > .auto-convert-note > span {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 34px) !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* Final stat-icon cleanup: keep one flat icon layer only. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span > svg,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span > .card-icon,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span > .stat-icon,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span > i:empty,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span > em:empty {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span::before {
  content: "" !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border: 1px solid rgba(96, 124, 83, 0.42) !important;
  border-radius: 50% !important;
  background-color: rgba(246, 249, 238, 0.96) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23315b45' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.4 8.05h11.95c.82 0 1.48.66 1.48 1.48v5.08c0 .82-.66 1.48-1.48 1.48H5.4c-.82 0-1.48-.66-1.48-1.48V9.53c0-.82.66-1.48 1.48-1.48Z'/%3E%3Cpath d='M6.25 8.05V6.92c0-.78.63-1.41 1.41-1.41h9.13' opacity='.74'/%3E%3Ccircle cx='8.35' cy='12.07' r='1.22'/%3E%3Cpath d='m11.05 12.45 1.56 1.48 3.12-3.35'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  box-shadow: none !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats > span:nth-child(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23315b45' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='7.45'/%3E%3Cpath d='M12 8.05v4.45l3.05 1.88'/%3E%3C/svg%3E") !important;
  background-size: 18px 18px !important;
}

/* Final cash rate row: restore the exchange hint above the two stat boxes and move
   the boxes down through the card grid, with one clean layout owner. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash {
  grid-template-rows: 42px 22px 58px 76px 58px !important;
  min-height: clamp(310px, 82.2vw, 344px) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta {
  display: grid !important;
  grid-template-rows: 52px 18px !important;
  align-content: start !important;
  gap: 5px !important;
  min-height: 76px !important;
  height: 76px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta > p,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta > .wallet-vip-rate-note,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta > .wallet-vip-exchange-note {
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta::after {
  content: attr(data-exchange-note) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(82, 91, 80, 0.86) !important;
  font-size: clamp(11px, 3.18vw, 13px) !important;
  font-weight: 850 !important;
  line-height: 18px !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

/* v8 polish: put the exchange hint directly under "总资产 · USD" and make the
   three wallet columns read as clear account summaries, not clipped table cells. */
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash {
  grid-template-rows: 42px 22px 18px 56px 54px 58px !important;
  gap: 5px !important;
  min-height: clamp(318px, 84vw, 350px) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-card-title {
  grid-row: 1 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > small {
  grid-row: 2 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-total-rate-note {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  grid-row: 3 !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: rgba(91, 99, 88, 0.78) !important;
  font-size: clamp(10px, 2.95vw, 12px) !important;
  font-weight: 800 !important;
  line-height: 18px !important;
  letter-spacing: -0.01em !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > h2 {
  grid-row: 4 !important;
  min-height: 56px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta {
  grid-row: 5 !important;
  display: block !important;
  min-height: 54px !important;
  height: 54px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .balance-stats {
  grid-row: 6 !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash > .wallet-vip-asset-meta::after {
  content: none !important;
  display: none !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details {
  grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.2fr) minmax(0, 1.2fr) !important;
  height: 54px !important;
  min-height: 54px !important;
  overflow: visible !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::before,
html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::after {
  top: 8px !important;
  bottom: 8px !important;
  width: 1px !important;
  background: linear-gradient(
    to bottom,
    rgba(91, 100, 89, 0),
    rgba(91, 100, 89, 0.34) 20%,
    rgba(91, 100, 89, 0.34) 80%,
    rgba(91, 100, 89, 0)
  ) !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::before {
  left: 27.8% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details::after {
  left: 63.8% !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span {
  min-height: 54px !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  gap: 4px !important;
  align-content: center !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:first-child {
  padding-left: 0 !important;
  padding-right: 14px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(2) {
  padding-left: 18px !important;
  padding-right: 16px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details > span:nth-child(3) {
  padding-left: 18px !important;
  padding-right: 4px !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details small {
  color: rgba(82, 91, 80, 0.92) !important;
  font-size: clamp(13px, 3.55vw, 16px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.01em !important;
}

html:root body #root .player-shell.player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] article.balance-card.cash.wallet-vip-card.wallet-vip-cash .wallet-vip-asset-details b {
  color: #064c3d !important;
  font-size: clamp(10px, 3vw, 13px) !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.025em !important;
}


/* SOURCE: /assets/wallet-topbar-unified-v1-20260801.css */
/*
 * RUAY55 wallet topbar visual unifier v1.
 * Scope: wallet page back button only.
 * Do not touch locked wallet v31/v8 card assets, scanner, theme, or backend.
 */

html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button {
  box-sizing: border-box !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 44px !important;
  overflow: hidden !important;
  color: #0e5143 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
  border: 1px solid rgba(132, 143, 119, 0.78) !important;
  outline: 1px solid rgba(255, 255, 246, 0.92) !important;
  outline-offset: -4px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 29% 24%, rgba(255, 255, 255, 0.95) 0 14%, transparent 32%),
    linear-gradient(145deg, rgba(255, 254, 247, 0.98), rgba(238, 240, 226, 0.94)) !important;
  box-shadow:
    0 3px 9px rgba(44, 65, 49, 0.12),
    inset 0 1px rgba(255, 255, 255, 0.96),
    inset 0 -1px rgba(133, 119, 78, 0.12) !important;
  transform: none !important;
  filter: none !important;
}

html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button svg {
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  display: block !important;
  flex: 0 0 24px !important;
  color: #0e5143 !important;
  stroke-width: 2.2px !important;
  transform: translateX(-1px) !important;
}

html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button:hover,
html:root body #root .player-shell .wallet-page.wallet-page[data-wallet-option2="sage-vip"] > .page-heading .wallet-back-button.wallet-back-button:focus-visible {
  color: #0b463a !important;
  border-color: rgba(113, 129, 101, 0.9) !important;
  background:
    radial-gradient(circle at 29% 24%, rgba(255, 255, 255, 1) 0 14%, transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 251, 0.99), rgba(232, 237, 221, 0.96)) !important;
}


/* SOURCE: /assets/scanner-transfer-usd-focus-clean-v1-20260730.css */
/* Scanner transfer amount: keep iOS focus decoration inside the amount field. */
html body #root .scanner-direct-transfer-modal .transfer-entry-field .input-with-suffix:focus-within {
  outline: none !important;
  border-color: rgba(198, 177, 117, .62) !important;
  box-shadow: 0 0 0 1px rgba(198, 177, 117, .16) !important;
}

html body #root .scanner-direct-transfer-modal .transfer-entry-field .input-with-suffix > input:focus,
html body #root .scanner-direct-transfer-modal .transfer-entry-field .input-with-suffix > input:focus-visible {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #root .scanner-direct-transfer-modal .transfer-entry-field .input-with-suffix > span {
  border-left: 1px solid rgba(198, 177, 117, .46) !important;
  box-shadow: none !important;
}


/* SOURCE: /assets/member-transfer-close-line-v1-20260730.css */
/* Keep the circular close control fully above the transfer-card divider. */
html body #root .qr-vip-transfer-portal .qr-vip-transfer-card > header {
  box-sizing: border-box !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 0 4px !important;
  padding: 0 0 11px !important;
  align-items: flex-start !important;
  border-bottom: 1px solid rgba(185, 145, 66, .42) !important;
}

html body #root .qr-vip-transfer-portal .qr-vip-transfer-card > header > button {
  box-sizing: border-box !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  transform: none !important;
}