@media (max-width: 860px){
  .sidenav{ display:none; }
  .bottom-nav{
    display:flex; position:fixed; bottom:0; left:0; right:0; z-index:50; background:var(--surface-1);
    border-top:1px solid var(--border); padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none;
  }
  .bottom-nav::-webkit-scrollbar{ display:none; }
  .bottom-nav .nav-item{ flex-direction:column; gap:2px; font-size:10.5px; padding:6px 4px; text-align:center; flex:none; width:64px; align-items:center; }
  .bottom-nav .nav-item .ic{ font-size:18px; }
  .main-view{ padding:12px; padding-bottom:80px; }
  .main-view.map-active-view{ padding-bottom:80px; }
  .main-view.devicelist-active-view{ padding-bottom:80px; }
  #map{ min-height:260px; }
  #map-mini{ height:200px; }
  .topbar .brand span.full{ display:none; }
}
@media (min-width: 861px){
  .bottom-nav{ display:none; }
}