/* Recodet Round 4 — Wallet, Coins, Media, Sports */

/* shared module surface */
.walletProHead,.coinProHead,.mediaProHead,.sportsProHead,
.walletFormCard,.coinStakeCard,.mediaCreateCard,.sportsMatchForm,
.walletTxRow,.coinHistoryRow,.mediaProCard,.mediaLiveCard,.mediaProMini,
.sportsActivityCard,.sportsMatchCard,.sportsBoard>div,.sportsRoster>div{
  background:var(--surface,#14110b)!important;
  border:1px solid var(--border,rgba(212,175,55,.18))!important;
  color:var(--text,#f7edcf)!important;
  box-shadow:none!important;
}
.walletProHead,.coinProHead,.mediaProHead,.sportsProHead{
  padding:10px 12px!important;
  margin-bottom:10px!important;
  border-radius:15px!important;
}
.walletProHead h2,.coinProHead h2,.mediaProHead h2,.sportsProHead h2,
.walletTxCopy strong,.coinHistoryCopy strong,.mediaProCreator strong,
.mediaProCopy h3,.mediaLiveCard h3,.sportsActivityCopy h3,
.sportsMatchCard strong,.sportsBoard strong,.sportsRoster strong{
  color:var(--text,#f7edcf)!important;
}
.walletProHead p,.coinProHead p,.mediaProHead p,.sportsProHead p,
.walletTxCopy small,.coinHistoryCopy small,.mediaProCreator small,
.mediaProCopy p,.mediaLiveCard p,.sportsActivityMeta small,
.sportsMatchCard small,.sportsBoard small,.sportsRoster small{
  color:var(--text-muted,#b8aa82)!important;
}
.walletHeadIcon,.coinHeadIcon,.mediaHeadIcon,.sportsHeadIcon{
  width:38px!important;height:38px!important;flex-basis:38px!important;
  border-radius:11px!important;background:rgba(212,175,55,.08)!important;
  color:var(--gold,#d4af37)!important;border:1px solid rgba(212,175,55,.18)!important;
}

/* Wallet */
.walletBalanceHero{
  min-height:0!important;padding:14px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#1a160d,#0e0c08)!important;
  border:1px solid rgba(212,175,55,.24)!important;box-shadow:none!important;
}
.walletBalanceHero:before,.walletBalanceHero:after,.walletHeroMark{display:none!important}
.walletBalanceMain strong{font-size:26px!important;color:#f5d96f!important}
.walletRcBalance{padding:9px 10px!important;border-radius:13px!important;background:rgba(212,175,55,.08)!important;border-color:rgba(212,175,55,.18)!important}
.walletMiniGrid{display:none!important}
.walletQuickGrid{gap:6px!important}
.walletQuickTile{min-height:64px!important;padding:6px 3px!important;border-radius:14px!important;background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.16)!important;color:var(--text,#f7edcf)!important;box-shadow:none!important}
.walletQuickTile span{width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(212,175,55,.09)!important}
.walletQuickTile strong{font-size:10px!important}
.walletSectionLine{margin:13px 1px 7px!important}
.walletSectionLine>span{display:none!important}
.walletTxRow{padding:9px!important;border-radius:14px!important}
.walletTxIcon{width:34px!important;height:34px!important;border-radius:10px!important;background:rgba(212,175,55,.08)!important;color:#f0c95a!important}
.walletFormCard{padding:12px!important;border-radius:17px!important}
.walletAvailable,.walletPreview,.walletAssetPair>div:not(.walletSwapMark){background:rgba(212,175,55,.06)!important;color:var(--text,#f7edcf)!important;border-color:rgba(212,175,55,.15)!important}
.walletField>span,.walletPreview span,.walletPreview small,.walletAssetPair span{color:var(--text-muted,#b8aa82)!important}
.walletField>input,.walletField>select,.walletAmountField{background:#0e0c08!important;border-color:rgba(212,175,55,.18)!important;color:var(--text,#f7edcf)!important}
.walletAmountField input{color:var(--text,#f7edcf)!important}
.walletAmountChips button{background:rgba(212,175,55,.07)!important;border-color:rgba(212,175,55,.18)!important;color:#f0d06d!important}
.walletSubmitBtn{background:linear-gradient(135deg,#8d6714,#d4af37)!important;box-shadow:none!important}

/* Coins */
.coinHero{
  min-height:0!important;padding:14px!important;border-radius:18px!important;
  background:linear-gradient(145deg,#1a160d,#0e0c08)!important;
  border:1px solid rgba(212,175,55,.24)!important;box-shadow:none!important;
}
.coinHero:before,.coinHeroMark,.coinHeroRing{display:none!important}
.coinHeroMain strong{font-size:26px!important;color:#f5d96f!important}
.coinMiniGrid,.coinHistorySummary{display:none!important}
.coinQuickGrid{gap:6px!important}
.coinQuickTile{min-height:64px!important;padding:6px 3px!important;border-radius:14px!important;background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.16)!important;color:var(--text,#f7edcf)!important;box-shadow:none!important}
.coinQuickTile span{width:28px!important;height:28px!important;border-radius:9px!important;background:rgba(212,175,55,.09)!important}
.coinQuickTile strong{font-size:10px!important}
.coinRewardStrip,.coinSafeStrip,.coinRewardHero{
  background:linear-gradient(145deg,#17130c,#100d08)!important;
  border-color:rgba(212,175,55,.18)!important;color:var(--text,#f7edcf)!important;box-shadow:none!important
}
.coinRewardHero{padding:13px!important;border-radius:17px!important}
.coinRewardHero strong{font-size:23px!important;color:#f5d96f!important}
.coinRewardGrid article,.coinEarnStack article{background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.16)!important;color:var(--text,#f7edcf)!important;box-shadow:none!important;padding:9px!important;border-radius:14px!important}
.coinHistoryRow{padding:9px!important;border-radius:14px!important}
.coinStakeCard{padding:12px!important;border-radius:17px!important}
.coinAvailable,.coinStakePreview>div{background:rgba(212,175,55,.06)!important;color:var(--text,#f7edcf)!important;border-color:rgba(212,175,55,.15)!important}
.coinStakeCard label>span,.coinStakePreview span{color:var(--text-muted,#b8aa82)!important}
.coinAmountField{background:#0e0c08!important;border-color:rgba(212,175,55,.18)!important}
.coinAmountField input{color:var(--text,#f7edcf)!important}
.coinAmountChips button{background:rgba(212,175,55,.07)!important;border-color:rgba(212,175,55,.18)!important;color:#f0d06d!important}
.coinSubmitBtn{background:linear-gradient(135deg,#8d6714,#d4af37)!important;box-shadow:none!important}

/* Media */
.mediaHero,.mediaLiveHero,.mediaProfileHero{
  min-height:0!important;padding:12px!important;border-radius:17px!important;
  background:linear-gradient(145deg,#19150d,#0d0b07)!important;
  border:1px solid rgba(212,175,55,.2)!important;box-shadow:none!important;color:var(--text,#f7edcf)!important;
}
.mediaHero::after{display:none!important}
.mediaStats,.mediaDetailMetrics{display:none!important}
.mediaProGrid,.mediaLiveGrid{gap:9px!important}
.mediaProCard,.mediaLiveCard,.mediaProMini,.mediaDetailPro{border-radius:16px!important;box-shadow:none!important;overflow:hidden!important}
.mediaProVisual{min-height:160px!important;background:linear-gradient(145deg,#1d180e,#100d08)!important;color:#e5bf4f!important}
.mediaProVisual.compact{min-height:110px!important}
.mediaProVisual::before,.mediaProVisual::after{display:none!important}
.mediaProVisualIcon{width:48px!important;height:48px!important;border-radius:15px!important;background:rgba(212,175,55,.09)!important;color:#f0c95a!important;box-shadow:none!important}
.mediaProCopy{padding:10px!important}
.mediaProCopy h3,.mediaLiveCard h3{font-size:14px!important}
.mediaProCopy p,.mediaLiveCard p{font-size:11px!important}
.mediaProActions{grid-template-columns:auto auto 1fr!important;gap:6px!important;margin-top:9px!important}
.mediaProActions button,.mediaProActions>span,.mediaDetailActions button{height:34px!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;color:var(--text-muted,#b8aa82)!important}
.mediaProActions button.active,.mediaProActions .mediaProSave.active,.mediaDetailActions button.active{background:rgba(212,175,55,.1)!important;color:#f0c95a!important}
.mediaCreateCard{padding:12px!important;border-radius:17px!important}
.mediaCreateTypes span{height:56px!important;border-radius:12px!important;background:#0e0c08!important;border-color:rgba(212,175,55,.16)!important;color:var(--text-muted,#b8aa82)!important}
.mediaCreateTypes input:checked+span{background:rgba(212,175,55,.1)!important;color:#f0c95a!important;border-color:rgba(212,175,55,.3)!important;box-shadow:none!important}
.mediaCreateCard>label>span{color:var(--text-muted,#b8aa82)!important}
.mediaCreateCard input,.mediaCreateCard select,.mediaCreateCard textarea{background:#0e0c08!important;border-color:rgba(212,175,55,.18)!important;color:var(--text,#f7edcf)!important}
.mediaCreateSubmit{background:linear-gradient(135deg,#8d6714,#d4af37)!important;box-shadow:none!important}
.mediaActivityList>div,.mediaDetailPro{background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.16)!important;color:var(--text,#f7edcf)!important;box-shadow:none!important}
.mediaEmptyPro{min-height:150px!important;background:#100d08!important;border-color:rgba(212,175,55,.2)!important;color:var(--text-muted,#b8aa82)!important}

/* Sports */
.sportsHero,.sportsRankHero,.sportsTeamHero{
  min-height:0!important;padding:13px!important;border-radius:17px!important;
  background:linear-gradient(145deg,#19150d,#0d0b07)!important;
  border:1px solid rgba(212,175,55,.2)!important;box-shadow:none!important;color:var(--text,#f7edcf)!important;
}
.sportsHero::after{display:none!important}
.sportsHero strong,.sportsRankHero strong,.sportsTeamHero strong{color:#f5d96f!important}
.sportsStats,.sportsTeamStats{display:none!important}
.sportsQuickGrid{gap:6px!important;margin:9px 0!important}
.sportsQuickGrid button{height:66px!important;padding:5px 2px!important;border-radius:14px!important;background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.16)!important;color:var(--text,#f7edcf)!important;box-shadow:none!important}
.sportsQuickGrid svg{width:19px!important;height:19px!important;margin-bottom:3px!important}
.sportsQuickGrid b{font-size:10px!important}.sportsQuickGrid span{display:none!important}
.sportsActivityList,.sportsMatchList,.sportsBoard,.sportsRoster{gap:7px!important}
.sportsActivityCard{padding:9px!important;border-radius:14px!important}.sportsActivityCard+.sportsActivityCard{margin-top:0!important}
.sportsActivityIcon{width:36px!important;height:36px!important;border-radius:11px!important;background:rgba(212,175,55,.09)!important}
.sportsJoinBtn{height:32px!important;background:#b9891c!important;color:#fff!important}
.sportsSearch{background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.18)!important;box-shadow:none!important;color:var(--text,#f7edcf)!important}
.sportsSearch input{color:var(--text,#f7edcf)!important}
.sportsFilterRow{gap:5px!important;margin:7px 0 9px!important}
.sportsFilterRow button{background:var(--surface,#14110b)!important;border-color:rgba(212,175,55,.15)!important;color:var(--text-muted,#b8aa82)!important}
.sportsFilterRow button.active{background:rgba(212,175,55,.1)!important;color:#f0c95a!important;border-color:rgba(212,175,55,.28)!important}
.sportsMatchForm{padding:11px!important;border-radius:17px!important}
.sportsMatchForm label>span{color:var(--text-muted,#b8aa82)!important}
.sportsMatchForm input,.sportsMatchForm select{background:#0e0c08!important;border-color:rgba(212,175,55,.18)!important;color:var(--text,#f7edcf)!important}
.sportsMatchForm>button{background:linear-gradient(135deg,#8d6714,#d4af37)!important;box-shadow:none!important}
.sportsMatchCard,.sportsBoard>div,.sportsRoster>div{padding:8px 9px!important;border-radius:13px!important}
.sportsRankRing{width:58px!important;height:58px!important;border:5px solid #c89b2c!important;background:#0e0c08!important;box-shadow:none!important}
.sportsBoard>div.you{background:rgba(212,175,55,.08)!important;border-color:rgba(212,175,55,.28)!important}
.sportsTeamHero>span{width:42px!important;height:42px!important;border-radius:13px!important;background:rgba(212,175,55,.1)!important}
.sportsTeamHero button{background:rgba(212,175,55,.1)!important;color:#f0c95a!important;border:1px solid rgba(212,175,55,.2)!important}
.sportsEmpty{min-height:110px!important;background:#100d08!important;border-color:rgba(212,175,55,.2)!important;color:var(--text-muted,#b8aa82)!important}

@media(max-width:390px){
  .walletBalanceHero,.coinHero{grid-template-columns:1fr auto!important;padding:12px!important}
  .walletBalanceMain strong,.coinHeroMain strong{font-size:23px!important}
  .walletQuickTile,.coinQuickTile{min-height:60px!important}
  .mediaProVisual{min-height:145px!important}
  .sportsQuickGrid button{height:62px!important}
}