/* V48 — keep the signed-in header wallet visible on every mobile width.
   This intentionally overrides the older three-column mobile grid, which
   squeezed the balance out of the viewport. */
.rp-top.rp-top-final,
.rp-top{
  display:flex!important;
  flex-flow:row nowrap!important;
  grid-template-columns:none!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.rp-top.rp-top-final .rp-brand-left,
.rp-top .rp-brand-left{
  display:flex!important;
  flex:0 0 auto!important;
  max-width:none!important;
  min-width:0!important;
  overflow:visible!important;
}
.rp-top.rp-top-final .rp-top-right,
.rp-top .rp-top-right{
  display:flex!important;
  flex:1 1 auto!important;
  min-width:0!important;
  margin-left:auto!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.rp-top.rp-top-final.is-login .rp-live-wallet,
.rp-top.is-login .rp-live-wallet{
  display:flex!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:visible!important;
}
.rp-top.rp-top-final.is-login .rp-live-balance,
.rp-top.is-login .rp-live-balance{
  display:flex!important;
  flex:0 0 auto!important;
  min-width:100px!important;
  max-width:112px!important;
  height:40px!important;
  padding:0 8px 0 5px!important;
  border:2px solid rgba(73,219,179,.48)!important;
  background:#0d1a29!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.42),0 3px 14px rgba(0,0,0,.2)!important;
}
.rp-top.rp-top-final.is-login .rp-live-balance b,
.rp-top.is-login .rp-live-balance b{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
.rp-top.rp-top-final.is-login .rp-live-flag,
.rp-top.is-login .rp-live-flag{
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  background:#109e7a!important;
  color:#fff!important;
}
.rp-top.rp-top-final.is-login .rp-live-refresh,
.rp-top.is-login .rp-live-refresh{
  display:grid!important;
  flex:0 0 38px!important;
  width:38px!important;
  min-width:38px!important;
  height:40px!important;
  font-size:31px!important;
  color:#ffda27!important;
}
.rp-top.rp-top-final.is-login .rp-live-deposit,
.rp-top.is-login .rp-live-deposit{
  display:flex!important;
  flex:0 0 auto!important;
  min-width:88px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0 10px!important;
  border:2px solid #ffdc26!important;
  border-radius:12px!important;
  font-size:16px!important;
  color:#ffe34a!important;
  background:#101a29!important;
  box-shadow:0 3px 12px rgba(0,0,0,.22)!important;
}
@media(max-width:520px){
  .rp-top.rp-top-final,.rp-top{padding:7px 9px!important;gap:4px!important}
  .rp-top.rp-top-final .rp-brand-left,.rp-top .rp-brand-left{gap:5px!important}
  .rp-top.rp-top-final .rp-menu,.rp-top .rp-menu{flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:40px!important}
  .rp-top.rp-top-final .rp-menu::before,.rp-top .rp-menu::before{left:0!important;top:10px!important;transform:scale(.88)!important;transform-origin:left top!important}
  .rp-top.rp-top-final .rp-menu::after,.rp-top .rp-menu::after{left:20px!important;top:13px!important;transform:rotate(45deg) scale(.9)!important}
  .rp-top.rp-top-final .rp-logo,.rp-top .rp-logo{flex:0 0 79px!important;width:79px!important;min-width:79px!important;max-width:79px!important;height:44px!important}
  .rp-top.rp-top-final .rp-logo img,.rp-top.rp-top-final .rp-logo .royals-logo-img,.rp-top .rp-logo img,.rp-top .rp-logo .royals-logo-img{max-width:79px!important;max-height:43px!important}
  .rp-top.rp-top-final.is-login .rp-live-wallet,.rp-top.is-login .rp-live-wallet{gap:1px!important}
  .rp-top.rp-top-final.is-login .rp-live-balance,.rp-top.is-login .rp-live-balance{min-width:84px!important;max-width:84px!important;height:36px!important;padding:0 4px 0 3px!important;font-size:13px!important;gap:3px!important}
  .rp-top.rp-top-final.is-login .rp-live-flag,.rp-top.is-login .rp-live-flag{flex-basis:24px!important;width:24px!important;height:24px!important;font-size:15px!important}
  .rp-top.rp-top-final.is-login .rp-live-refresh,.rp-top.is-login .rp-live-refresh{flex-basis:31px!important;width:31px!important;min-width:31px!important;height:36px!important;font-size:27px!important}
  .rp-top.rp-top-final.is-login .rp-live-deposit,.rp-top.is-login .rp-live-deposit{min-width:74px!important;height:36px!important;min-height:36px!important;padding:0 6px!important;font-size:14px!important;border-radius:10px!important}
  .rp-top.rp-top-final.is-login .rp-live-wallet .rp-notify,.rp-top.is-login .rp-live-wallet .rp-notify{display:none!important}
}
@media(max-width:350px){
  .rp-top.rp-top-final,.rp-top{padding-left:6px!important;padding-right:6px!important}
  .rp-top.rp-top-final .rp-brand-left,.rp-top .rp-brand-left{gap:3px!important}
  .rp-top.rp-top-final .rp-menu,.rp-top .rp-menu{flex-basis:32px!important;width:32px!important;min-width:32px!important}
  .rp-top.rp-top-final .rp-logo,.rp-top .rp-logo{flex-basis:70px!important;width:70px!important;min-width:70px!important;max-width:70px!important}
  .rp-top.rp-top-final .rp-logo img,.rp-top.rp-top-final .rp-logo .royals-logo-img,.rp-top .rp-logo img,.rp-top .rp-logo .royals-logo-img{max-width:70px!important}
  .rp-top.rp-top-final.is-login .rp-live-balance,.rp-top.is-login .rp-live-balance{display:flex!important;min-width:74px!important;max-width:74px!important;font-size:12px!important}
  .rp-top.rp-top-final.is-login .rp-live-refresh,.rp-top.is-login .rp-live-refresh{flex-basis:28px!important;width:28px!important;min-width:28px!important;font-size:24px!important}
  .rp-top.rp-top-final.is-login .rp-live-deposit,.rp-top.is-login .rp-live-deposit{min-width:66px!important;padding:0 4px!important;font-size:13px!important}
}