.mobile-more,.mobile-more-sheet{display:none}

@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding:env(safe-area-inset-top) 0 calc(72px + env(safe-area-inset-bottom))}
  .side{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:calc(64px + env(safe-area-inset-bottom))!important;z-index:20;background:var(--nav);padding-bottom:env(safe-area-inset-bottom)}
  .brand{display:none}
  .nav{height:64px;display:grid;grid-template-columns:repeat(5,1fr);gap:0;padding:4px 6px;overflow:visible}
  .nav button{display:flex;min-width:0;width:100%;height:56px;margin:0;padding:4px 2px;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-align:center;border-radius:10px;font-size:10px;line-height:1.2;white-space:nowrap}
  .nav button:nth-of-type(n+5){display:none}
  .nav i{display:block;width:auto;font-size:19px!important;line-height:22px}
  .nav .mobile-more{display:flex!important}
  .app{margin-left:0!important;min-width:0!important;width:100%!important}
  .top{height:auto!important;min-height:64px;padding:8px 12px;gap:8px}
  .top h1{font-size:18px}.top #desc{font-size:11px}
  .user{gap:6px}.user .btn,.user b small{display:none}.avatar{width:32px;height:32px}.user b{font-size:11px}
  .content{width:100%;padding:10px 8px!important}
  .page.active{gap:10px}.card{border-radius:10px}
  .head{padding:10px;align-items:flex-start;flex-wrap:wrap;gap:8px}
  .head>div,.head>.row,.head form{width:100%}
  .head>.row,.head form{flex-wrap:wrap}
  .head form .field{min-width:0;flex:1 1 190px!important}
  .body{padding:9px}
  .grid2,.below,.archive,.resource,.settings,.form{grid-template-columns:1fr!important}
  .archive .sub,.resource .sub{min-width:0}
  .search{min-width:0;width:100%}.row{flex-wrap:wrap}
  .btn{min-height:40px;padding:9px 11px}.btn.sm{min-height:34px;padding:7px 9px;font-size:12px}.field{min-height:44px;font-size:16px}
  .todo{grid-template-columns:22px minmax(0,1fr);padding:11px 8px}
  .rank{grid-template-columns:28px minmax(0,1fr) auto;align-items:start}.rankgrid{grid-template-columns:1fr}
  .promo{grid-template-columns:1fr!important;grid-template-areas:"materials" "plans" "products"!important}.pane{min-height:0}
  .tablewrap{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .schedule{min-width:850px}.files{min-width:720px}
  .dialog{position:fixed!important;inset:env(safe-area-inset-top) 0 calc(64px + env(safe-area-inset-bottom))!important;width:100%!important;max-height:none!important;border-radius:0!important;padding:16px 12px;overflow:auto}
  .modal{align-items:stretch}
  .toast{right:10px;left:10px;bottom:calc(74px + env(safe-area-inset-bottom));text-align:center}
  .mobile-more-sheet{position:fixed;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));left:8px;z-index:19;padding:8px;background:#fffdf9;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #2f1c1740;grid-template-columns:repeat(3,1fr);gap:6px}
  .mobile-more-sheet.open{display:grid}
  .mobile-more-sheet button{min-height:58px;border:0;border-radius:10px;background:#f8eee5;color:var(--text);font:inherit}
  .mobile-more-sheet i{display:block;font-style:normal;font-size:20px}
}