/* Shared final mobile guard for the public page shell. */
@media (max-width: 620px){
  html,
  body{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }

  body.mode-tokens .app,
  body.wallet-radar-page .app,
  body.escrow-page .app,
  body.security-page .app{
    width:calc(100% - 10px)!important;
    max-width:calc(100% - 10px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:5px auto 14px!important;
    overflow:visible!important;
  }

  body.mode-tokens .embed-meta,
  body.wallet-radar-page .embed-meta,
  body.escrow-page .embed-meta,
  body.security-page .embed-meta{
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"brand controls" "tabs tabs"!important;
    align-items:center!important;
  }

  body.mode-tokens .embed-brand,
  body.wallet-radar-page .embed-brand,
  body.escrow-page .embed-brand,
  body.security-page .embed-brand,
  body.mode-tokens .header-controls,
  body.wallet-radar-page .header-controls,
  body.escrow-page .header-controls,
  body.security-page .header-controls{
    min-width:0!important;
  }

  body.mode-tokens .tabbar,
  body.wallet-radar-page .tabbar,
  body.escrow-page .tabbar,
  body.security-page .tabbar{
    grid-area:tabs!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    flex:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:5px!important;
    margin:3px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body.mode-tokens .tab-btn,
  body.wallet-radar-page .tab-btn,
  body.escrow-page .tab-btn,
  body.security-page .tab-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:34px!important;
    height:34px!important;
    flex:none!important;
    padding:7px 5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    line-height:1!important;
  }

  body.mode-tokens main,
  body.wallet-radar-page main,
  body.escrow-page main,
  body.security-page main,
  body.wallet-radar-page .stalk-shell,
  body.escrow-page .escrow-shell,
  body.security-page .security-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
}

@media (max-width:360px){
  body.mode-tokens .tab-btn,
  body.wallet-radar-page .tab-btn,
  body.escrow-page .tab-btn,
  body.security-page .tab-btn{
    font-size:9px!important;
    letter-spacing:.02em!important;
  }
}