/* Reuse the existing navigation and account control at the bottom on phones. */
@media(max-width:760px){
  #root .app-shell,#root .app-shell.left-collapsed,#root .app-shell.left-mobile-open{--rail-left:0px;--rail-right:0px;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr);gap:0;padding:8px 8px calc(104px + env(safe-area-inset-bottom,0px));box-sizing:border-box;height:var(--workspace-viewport-height,100vh)}
  #root .app-shell>.main{grid-column:1;grid-row:1;min-width:0;min-height:0;width:100%;height:100%;margin:0;box-sizing:border-box}
  #root .app-shell>.right{display:none!important}
  #root .app-shell.home-detail-open>.sidebar{visibility:visible}
  #root .app-shell>.left-resizer{display:none!important}
  #root .app-shell>.right-resizer{position:fixed;right:12px;bottom:calc(98px + env(safe-area-inset-bottom,0px));height:44px;width:44px;z-index:21;border-radius:0;background:transparent;box-shadow:none}
  #root .app-shell>.right-resizer .collapse-btn{top:0;right:0;transform:none}
  #root .app-shell>.sidebar{position:fixed;inset:auto 0 0;z-index:25;width:100%;height:calc(88px + env(safe-area-inset-bottom,0px));min-height:0;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:var(--workspace-menu,#fff);border-top:1px solid var(--workspace-menu-divider,#cde2dc);box-shadow:0 -6px 24px #244a4912;overflow:visible;container-type:normal}
  #root .sidebar>.sidebar-scroll{display:block;flex:1;min-width:0;height:auto;overflow:visible;padding:0}
  #root .sidebar .brand{display:none}
  #root .sidebar nav{display:flex;flex-direction:row;gap:6px;align-items:center;width:100%;overflow-x:auto;overflow-y:hidden;padding:2px 0;scrollbar-width:thin;overscroll-behavior-x:contain}
  #root .sidebar nav>:is(.nav-item,.nav-group){flex:0 0 54px;min-width:54px}
  #root .sidebar nav button,#root .sidebar nav button:has(em){height:54px;min-height:54px;width:54px;min-width:54px;padding:8px;justify-content:center;box-sizing:border-box;border-radius:14px}
  #root .sidebar nav :is(.nav-item,.nav-child).active{box-shadow:inset 0 -4px #008d7c}
  #root .sidebar nav button>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #root .sidebar nav .nav-chevron{display:none}
  #root .sidebar nav .nav-children{display:none}
  #root .sidebar nav .nav-group:not(.collapsed) .nav-children{position:fixed;left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-height:calc(var(--workspace-viewport-height,100vh) * 0.55);overflow:auto;background:var(--workspace-menu,#fff);border:1px solid var(--workspace-menu-divider,#cde2dc);border-radius:18px;padding:14px;box-shadow:0 -8px 40px #244a4922;z-index:26}
  #root .sidebar nav .nav-children .nav-child{width:100%;height:auto;padding:12px;gap:8px;justify-content:flex-start}
  #root .sidebar nav .nav-children .nav-child>span{position:static;width:auto;height:auto;clip-path:none;white-space:normal;display:inline}
  #root .sidebar>footer{flex:0 0 54px;width:54px;padding:0 0 0 8px;border-top:0;border-left:1px solid var(--workspace-menu-divider,#e4eeea);margin:0;display:flex}
  #root .sidebar>footer .account-button{display:flex;align-items:center;justify-content:center;width:54px;height:54px;min-height:54px;padding:8px;margin:0;border-radius:14px}
  #root .sidebar>footer .account-button>span:not(.account-avatar){display:none}
  #root .sidebar>footer :is(.tutorial-launch-button,.logout-button){display:none}
  #root .app-shell.right-mobile-open>.right{display:block!important;position:fixed;top:12px;bottom:calc(96px + env(safe-area-inset-bottom,0px));left:12px;right:12px;width:auto;z-index:20;opacity:1;visibility:visible;pointer-events:auto}
}

.workspace-history-toggle{display:none}
@media(max-width:760px){
 #root .sidebar-scroll>.workspace-history-toggle{display:grid;place-items:center;position:fixed;left:12px;bottom:94px;width:40px;height:40px;border:1px solid var(--workspace-border);border-radius:8px;background:var(--workspace-surface);color:var(--workspace-accent);z-index:30}
 #root .sidebar-scroll>.workspace-history{display:none}
 #root .sidebar.has-history-open .workspace-history{display:flex;position:fixed;left:12px;right:12px;bottom:144px;max-height:55dvh;margin:0;min-height:140px;padding:12px;border:1px solid var(--workspace-border);border-radius:12px;background:var(--workspace-surface);color:var(--workspace-ink);z-index:30;box-shadow:var(--workspace-shadow)}
}