/* 2026-08-20: jbgj662 record-page parity pass. */
#app .route-transactions,
#app .route-profit,
#app .route-bets{
  color:#fff;
  font-family:PingFangSC-Regular,"PingFang SC","Microsoft YaHei",sans-serif;
  background:#0b1035 url('./assets/original-pages/inner-page-bg.png') center top/100% 100% no-repeat!important;
}
#app .route-transactions .sub-header,
#app .route-profit .sub-header,
#app .route-bets .sub-header{
  height:min(12.8vw,54.8px);
  min-height:min(12.8vw,54.8px);
  background:transparent!important;
  color:#fff!important;
  font-family:PingFangSC-Medium,"PingFang SC","Microsoft YaHei",sans-serif;
  font-size:min(4.9vw,21px);
  font-weight:600;
  box-shadow:none!important;
}

/* Recharge / withdrawal records. */
#app .original-record-list-page{background:#0b1035 url('./assets/original-pages/inner-page-bg.png') center top/100% 100% no-repeat!important}
#app .original-record-title strong{font-size:min(4.9vw,21px);font-weight:600}
#app .original-record-tabs button{font-size:min(4vw,17px);font-weight:500;color:#b9aec8}
#app .original-record-tabs button.active{font-weight:600;color:#fff}
#app .original-record-head{font-size:min(4vw,17px);font-weight:600;color:#d3cade;background:rgba(65,48,85,.78)}
#app .original-record-left b{font-size:min(4vw,17px);font-weight:600;color:#fff}
#app .original-record-left em{font-size:min(4.45vw,19px);font-weight:600;color:#23df91}
#app .original-record-left time{font-size:min(3.4vw,14.5px);color:#cfd4e7;opacity:1}
#app .original-record-left .record-status{font-size:min(3.4vw,14.5px);font-weight:500;color:#fff}
#app .original-record-left .record-status.success{color:#fff}
#app .original-record-left .record-status.processing{color:#ffd42a}
#app .original-record-left .record-status.failed{color:#ff4054}

/* Transaction records. */
#app .transaction-page{min-height:calc(100dvh - min(12.8vw,54.8px));background:transparent!important}
#app .transaction-page .transaction-tabs button{font-size:min(4vw,17px);font-weight:500;color:#b9aec8}
#app .transaction-page .transaction-tabs button.active{font-weight:600;color:#fff}
#app .transaction-page .data-head{height:min(12vw,51.4px);margin:min(4vw,17.1px) min(4vw,17.1px) min(1.9vw,8.1px);padding:0 min(4vw,17.1px);display:grid;align-items:center;border-radius:min(1.9vw,8.1px);background:rgba(65,48,85,.78);color:#d5cde2;font-size:min(3.8vw,16.3px);font-weight:500}
#app .transaction-page .transaction-row{min-height:min(18.7vw,80px);margin:0 min(6.3vw,27px);padding:min(3.2vw,13.7px) 0;align-items:flex-start}
#app .transaction-page .transaction-row>span>b{color:#fff;font-size:min(4.1vw,17.5px);font-weight:600}
#app .transaction-page .transaction-row time{margin-top:min(1.4vw,6px);color:#cfd4e7!important;font-size:min(3.35vw,14.3px);font-weight:400;opacity:1}
#app .transaction-page .transaction-row>b{font-size:min(4.35vw,18.6px);font-weight:600}
#app .transaction-page .income-green{color:#23df91!important}
#app .transaction-page .expense-red{color:#ff4054!important}
#app .transaction-page .transaction-detail{color:#aeb4c8!important}
#app .transaction-page .transaction-status,
#app .transaction-page .transaction-balance{color:#ffd42a!important;font-size:min(3.35vw,14.3px)!important}

/* Win/loss report: win is dark gold, loss is red, zero remains white. */
#app .profit-summary span{color:#d2c6e6!important;opacity:1}
#app .profit-summary b.neutral,#app .profit-row b.neutral{color:#fff!important}
#app .profit-summary b.positive,#app .profit-row b.positive{color:#d2ad47!important}
#app .profit-summary b.negative,#app .profit-row b.negative{color:#ff4054!important}
#app .profit-head{color:#d5cde2!important;background:rgba(65,48,85,.82)}
#app .profit-head span{color:#d5cde2!important}
#app .profit-row{color:#fff!important}
#app .profit-row span{color:#fff!important;opacity:1}
#app .profit-page .profit-note{color:#b8b4c3!important;opacity:1}

/* Betting records. */
#app .bets-page .bet-filters button{color:#fff!important}
#app .bets-page .bet-summary b{color:#fff!important;opacity:1}
#app .bets-page .bet-summary span{color:#d9ddec!important;opacity:1}
#app .bets-page .data-head,#app .bets-page .data-head span{color:#d5cde2!important}
#app .bets-page .data-row>span>b{color:#fff!important}
#app .bets-page .data-row time{color:#cfd4e7!important;opacity:1!important}
#app .bets-page .data-row>b.win-gold{color:#d2ad47!important}
#app .bets-page .data-row>b.win-neutral{color:#fff!important}
#app .bets-page .data-row>b.expense-red{color:#ff4054!important}

@media(max-width:430px){
  #app .original-record-content{padding-top:min(5.1vw,21.8px)}
  #app .transaction-page .trans-date,#app .profit-page .trans-date{color:#fff!important}
}


/* Live record contrast: keep all filters, dates and totals legible on mobile. */
#app .bets-page .bet-filters button,
#app .bets-page .bet-summary b,
#app .bets-page .data-row>span>b{font-weight:600!important;color:#fff!important}
#app .bets-page .bet-summary b{font-size:min(4.25vw,18.2px)!important}
#app .bets-page .bet-summary span{font-size:min(3.65vw,15.6px)!important;color:#d9ddec!important}
#app .bets-page .data-row time{font-size:min(3.45vw,14.8px)!important;color:#e0e3ef!important}
#app .bets-page .data-row>b{font-size:min(4.05vw,17.3px)!important;font-weight:600!important}
#app .transaction-page .transaction-balance{display:block!important;color:#ffd42a!important;font-weight:600!important;white-space:nowrap}
#app .profit-summary b.positive,#app .profit-row b.positive{color:#d2ad47!important}
#app .profit-summary b.negative,#app .profit-row b.negative{color:#ff4054!important}
