/* swmfit.css 2026-10-20 (wheel-mobilefit): phones only. Compact the sticky chip/SPIN row so it never covers the wheel on short screens.
   Additive CSS only. Rollback: /root/backups/wheel-mobilefit-20261020/rollback.sh */
@media (max-width:767px){
  [data-swl=actions] button, [data-swl=actions] select{min-height:44px}
  [data-swl=actions] .swr-pick button{min-width:44px}
  /* 44px tap targets outside the action row */
  #swh-tier{min-height:44px!important}
  .withdraw-panel .btn{min-width:44px!important;min-height:44px!important}
  html body #scdo-lp #scdo-lp-sel,html body #scdo-lp-sel{min-height:44px!important;height:44px!important;box-sizing:border-box!important}
  /* sticky row gets an opaque backdrop so scrolled content never shows through behind the chips */
  html.swl [data-swl=sec]>[data-swl=actions]{background:linear-gradient(to bottom,rgba(8,11,17,0) 0,#080B11 10px,#080B11 100%)!important;box-shadow:0 -6px 12px 6px #080B11}
}
@media (max-width:767px) and (max-height:760px){
  html.swl [data-swl=sec]>[data-swl=actions]{gap:4px!important;padding-top:4px!important;padding-bottom:max(4px,env(safe-area-inset-bottom))!important}
  html.swl [data-swl=actions] .swr-pick{gap:2px!important;padding-top:0!important;padding-bottom:0!important;margin:0!important}
  html.swl [data-swl=actions] .swr-pick>*{margin-top:0!important;margin-bottom:0!important}
  html.swl [data-swl=actions] .swr-hint{font-size:11px!important;line-height:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
  html.swl [data-swl=actions]>div:last-child{margin-top:0!important}
}