@media(max-width:900px){
  :root{--topbar-h:62px}
  .app-shell{display:block;padding-bottom:72px}.workspace{min-height:calc(100vh - 72px)}
  .sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:72px;padding:7px 8px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--vg-border);display:block;z-index:80}
  .sidebar-brand,.sidebar-section,.sidebar-foot{display:none}#main-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
  .nav-item{justify-content:center;flex-direction:column;gap:3px;padding:7px 3px;font-size:9px;line-height:1;border-radius:9px}.nav-item.active{box-shadow:inset 0 2px 0 var(--vg-blue)}
  .nav-icon{font-size:15px;height:17px}.topbar{padding:0 14px}.topbar h1{font-size:16px}.topbar p{display:none}
  .topbar-status{gap:6px}.connection-pill span:last-child{display:none}.badge{padding:5px 8px;font-size:9px}
  #logout-button{padding:8px 10px;font-size:0}#logout-button::after{content:"↪";font-size:16px}
  #content{padding:14px 12px 20px}.login-view{padding:18px}.login-card{padding:26px 22px;border-radius:22px}
}
@media(max-width:520px){.sidebar .nav-item:disabled{display:none}#main-nav{grid-template-columns:repeat(2,1fr)}.topbar-status .badge-readonly{max-width:76px;overflow:hidden;white-space:nowrap}.login-brand img{width:142px}}