/* YOOBIZZ — action first mobile UX */
@media(max-width:760px){
  body.toolFirst .hero,
  body.toolFirst .actionGrid{display:none!important}
  body.toolFirst .wrap{padding-top:8px!important}

  /* GRID TRADING: configuration first, remove every non-essential layer above it */
  body.gridFirst #proDesk,
  body.gridFirst #proStrip,
  body.gridFirst #proNotice,
  body.gridFirst #proGridPanel,
  body.gridFirst>.nav{display:none!important}
  body.gridFirst #proSubnav{margin:6px 8px 8px!important;gap:6px!important}
  body.gridFirst #proSubnav a{min-height:44px!important;padding:9px 8px!important;font-size:12px!important}
  body.gridFirst .wrap{padding-top:0!important}
  body.gridFirst .primaryToolGrid{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:0!important}
  body.gridFirst .primaryToolGrid>.tradePanel{order:1!important;margin:0!important}
  body.gridFirst .primaryToolGrid>.card.section{order:2!important}
  body.gridFirst .tradePanel{border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 12px 12px!important;background:#fff!important}
  body.gridFirst .tradePanel h3{font-size:25px!important;margin:2px 0 10px!important}
  body.gridFirst .tradePanel .field{padding:5px 0!important}
  body.gridFirst .tradePanel .field span{font-size:12px!important}
  body.gridFirst .tradePanel input,
  body.gridFirst .tradePanel select{min-height:48px!important;border-radius:13px!important;background:#f7f9fc!important;border:1px solid #dde6f1!important;font-size:16px!important;padding:10px 13px!important}
  body.gridFirst #startGrid{min-height:56px!important;border-radius:17px!important;font-size:17px!important;margin-top:7px!important;background:#1473e6!important}
  body.gridFirst #stopGrid{min-height:46px!important;border-radius:14px!important;font-size:14px!important;margin-top:7px!important}
  body.gridFirst #gridStatus{margin-top:7px!important}
  body.gridFirst .primaryToolGrid>.card.section{padding:12px!important;border-radius:18px!important}
  body.gridFirst .primaryToolGrid .chart{height:210px!important}
  body.gridFirst .primaryToolGrid .toolbar:first-child{margin-bottom:5px!important}
  body.gridFirst .primaryToolGrid .kpis{margin-top:7px!important}
  body.gridFirst .primaryToolGrid .kpi{padding:9px!important}
  body.gridFirst .primaryToolGrid .kpi b{font-size:18px!important}
  body.gridFirst .grid2:nth-of-type(2){margin-top:8px!important}

  /* BOT LAB: bot selection is the first screen */
  body.botFirst #bots{margin-top:0!important}
  body.botFirst #bots>.toolbar{padding:8px 2px 10px!important}
  body.botFirst #bots>.toolbar h2{font-size:26px!important}
  body.botFirst .botCards{display:flex!important;overflow-x:auto!important;gap:10px!important;scroll-snap-type:x mandatory;padding-bottom:4px!important}
  body.botFirst .botCards::-webkit-scrollbar{display:none}
  body.botFirst .botCard{flex:0 0 86%!important;scroll-snap-align:start!important;padding:16px!important}
  body.botFirst .botCard .cta{min-height:50px!important;margin-top:10px!important}

  /* PORTFOLIO: balance + positions immediately */
  body.portfolioFirst #summary{margin-top:0!important}
  body.portfolioFirst .grid3{margin-top:10px!important}
  body.portfolioFirst .grid2{margin-top:10px!important}
}