/* TradeFlow mobile-only layout enhancements. Desktop rules are intentionally untouched. */
.mobile-menu-toggle,.mobile-menu-backdrop{display:none}
@media (max-width:900px){
  body.mobile-menu-open{overflow:hidden}
  .topbar{height:58px;padding:0 10px;gap:8px}
  .brand{font-size:17px;gap:8px;min-width:0}
  .brandmark{width:31px;height:31px;border-radius:9px}
  .topbar>.toolbar{gap:6px;min-width:0}
  .topbar>.toolbar>.btn{display:none}
  .userchip{gap:7px;min-width:0}
  .userchip>div:first-child{display:none}
  .avatar{width:32px;height:32px}
  .mobile-menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #cfd9d4;border-radius:10px;background:#fff;color:#27342e;font-size:23px;line-height:1;flex:0 0 auto}
  .layout{min-height:calc(100vh - 58px)}
  .sidebar{display:block;position:fixed;top:0;bottom:0;left:0;width:min(82vw,310px);padding:74px 12px 24px;background:#fff;border-right:1px solid #cfd9d4;box-shadow:8px 0 28px #10201833;z-index:70;overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease}
  body.mobile-menu-open .sidebar{transform:translateX(0)}
  .sidebar:before{content:'Menu';position:absolute;top:22px;left:18px;font-size:20px;font-weight:800;color:#17211d}
  .navbtn{min-height:46px;padding:12px 14px;font-size:16px;margin:3px 0}
  .mobile-menu-backdrop{position:fixed;inset:0;background:#13201988;z-index:60}
  body.mobile-menu-open .mobile-menu-backdrop{display:block}
  .mobileNav{display:none!important}
  .main{padding:16px 12px calc(24px + env(safe-area-inset-bottom));overflow-x:hidden}
  .pagehead{margin-bottom:16px}
  .pagehead h1{font-size:24px}
  .pagehead .toolbar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pagehead .toolbar .btn,.pagehead .toolbar button{min-height:42px;white-space:normal}
  .toolbar{gap:8px}
  .toolbar>.btn,.toolbar>button{min-height:40px}
  .card{padding:14px;border-radius:11px}
  .cards4,.cards3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{min-width:680px}
  th,td{padding:10px 11px}
  .modalback{align-items:end;padding:0}
  .modal{width:100%;max-height:92dvh;border-radius:16px 16px 0 0;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}
  .formgrid{grid-template-columns:1fr}
  .field input,.field select,.field textarea{min-height:44px;font-size:16px}
  .btn{min-height:40px}
  .photoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){
  .cards4,.cards3{grid-template-columns:1fr}
  .pagehead .toolbar{grid-template-columns:1fr}
  .photoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .auth{padding:12px}
  .authbox{padding:20px 16px;border-radius:13px}
}
@media (min-width:901px){
  .mobile-menu-toggle,.mobile-menu-backdrop{display:none!important}
}