/* VYLO permanent UI repair: additive override only. */
@media (max-width:1100px){
  .preferencesDock{display:none!important}
  .top{top:0!important;min-height:62px!important;height:62px!important;padding:0 12px!important;gap:7px!important;overflow:visible!important}
  .top>.brandLogo{flex:0 0 auto!important}
  .top .nav,.topRight{display:none!important}
  .vyloMobileControls{display:flex!important;align-items:center!important;gap:5px!important;margin-left:auto!important;flex:0 0 auto!important}
  .page{padding-top:22px!important;padding-left:16px!important;padding-right:16px!important;padding-bottom:92px!important;max-width:100%!important;overflow-x:hidden!important}
  .mobileBottom{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:70!important;justify-content:space-around!important;align-items:center!important;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;background:var(--pref-bg,#091820)!important;border-top:1px solid var(--pref-line,#29414d)!important}
  .mobileBottom button{min-width:0!important;flex:1!important;background:none!important;border:0!important;color:var(--pref-muted,#a8c0c9)!important;font-size:12px!important;padding:8px 3px!important;white-space:nowrap!important}
  .mobileBottom button.on{color:var(--pref-on-accent,#07141b)!important;background:var(--pref-accent,#f6c84c)!important;border-radius:9px!important}
  .walletGrid,.vyloMoneyGrid,.grid4,.grid3,.profileGrid,.activity,.productGrid{grid-template-columns:1fr!important}
  .rails{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .rail{min-width:0!important;overflow:hidden!important}
  .rail b,.rail small{overflow-wrap:anywhere!important}
  .vyloFinanceTop{max-width:100%!important;overflow:hidden!important}
  .shell,body,#app{max-width:100vw!important;overflow-x:hidden!important}
}
@media (max-width:560px){
  .rails{grid-template-columns:1fr!important}
  .vyloQuickSelect{height:36px!important;padding:0 7px!important}
  .vyloQuickSelect select{font-size:12px!important}
  .vyloThemeButton,.vyloAvatarButton{width:36px!important;height:36px!important;flex-basis:36px!important}
}
@media (min-width:1101px){.vyloMobileControls{display:none!important}}
.vyloWalletError{padding:14px;border:1px solid var(--pref-line,#29414d);border-radius:12px;background:var(--pref-panel,#0d222c);color:var(--pref-muted,#a8c0c9)}