/* Mobile workspace navigation stays behind one Projects control. */
.mobile-workspace-header{display:none}
.mobile-sheet-new{width:100%;flex:none}
.mobile-sheet-views{display:flex;flex-direction:column;gap:6px;margin:0 0 18px;flex:none}
.mobile-sheet-views>button{display:flex;align-items:center;justify-content:flex-start;gap:11px;flex:none;min-height:48px;padding:11px 16px;font-size:14px}
.mobile-sheet-views>button[aria-current]{background:#e7e7e7}
.mobile-sheet-views svg{width:17px;height:17px}
.mobile-sheet-projects{min-height:0;display:flex;flex:1 1 auto;flex-direction:column}
.mobile-sheet-projects>h3{font:12px/1.4 var(--sans);color:var(--muted);margin:0 12px 9px;flex:none}
.mobile-sheet-projects>.history-list{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior-y:contain;padding:2px 0}
.mobile-sheet-projects .history-item{min-height:49px;gap:12px;padding:11px 14px;font-size:13px}
.mobile-sheet-projects .history-item>svg{width:18px;height:18px}
.mobile-sheet-projects .history-item.current{background:#dedede;border:0;box-shadow:none}
.mobile-sheet-profile{display:flex;align-items:center;gap:12px;flex:none;padding-top:20px;margin-top:10px}
.mobile-sheet-profile>.profile{display:flex;align-items:center;gap:11px;flex:1;min-width:0;padding:0;border:0;margin:0;min-height:46px;font-size:13px}
.mobile-sheet-profile .avatar{width:42px;height:42px}
.mobile-sheet-profile>.profile>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mobile-sheet-profile>.icon-button{width:44px;height:44px}
@media(max-width:640px){
 :root{--mobile-header-height:64px}
 body #app{--workspace-footer-height:0px;min-height:var(--mobile-viewport-height,100dvh);padding-bottom:0}
 body.authoring #app{height:var(--mobile-viewport-height,100dvh);min-height:0;overflow:hidden}
 body .sidebar,body.nav-collapsed .sidebar{display:none}
 .mobile-workspace-header{display:flex;position:sticky;top:0;z-index:31;align-items:center;justify-content:space-between;gap:12px;flex:none;height:var(--mobile-header-height);padding:10px 18px;background:var(--paper)}
 .mobile-workspace-brand{display:flex;align-items:center;gap:9px;min-width:0;font-size:17px;letter-spacing:-.3px;white-space:nowrap}
 .mobile-workspace-brand>img{width:26px;height:26px}
 .mobile-projects-trigger{width:44px;height:44px;padding:10px;flex:none}
 .mobile-projects-trigger>svg{width:22px;height:22px}
 body .workspace,body.nav-collapsed .workspace{margin-left:0;padding:22px 30px max(16px,env(safe-area-inset-bottom,0px)) 20px;min-height:calc(var(--mobile-viewport-height,100dvh) - var(--mobile-header-height))}
 body.welcome-screen .workspace{padding-top:18px;padding-right:30px}
 body.welcome-screen .welcome-title-restored{margin:0 auto}
 body.authoring .workspace{height:calc(var(--mobile-viewport-height,100dvh) - var(--mobile-header-height));min-height:0;padding:7px 30px max(8px,env(safe-area-inset-bottom,0px)) 20px;flex:0 0 auto}
 body.authoring .authoring-flow,body.authoring .authoring-flow:has(.guided-composer),body.authoring .authoring-flow:has(.industry-composer){height:100%;min-height:0}
 body.authoring .flow-conversation{min-height:42px;max-height:none;padding-top:8px;padding-bottom:22px}
 body.authoring .authoring-dock{min-height:0;max-height:calc(100% - 42px);overflow-y:auto;overscroll-behavior-y:contain;padding:4px 1px 2px;scrollbar-width:thin;flex:0 1 auto}
 body.authoring .reference-composer>.reference-card{max-height:min(40dvh,340px)}
 body.authoring .progress-rail{display:none}
 body.handoff-expanded .workspace{padding:20px 30px 28px 20px}
 body.handoff-expanded .handoff-page{margin-top:10px}
 body .workspace-footer,body.nav-collapsed .workspace-footer{display:none}
 body .workspace-feedback-tab{z-index:35}
 .mobile-projects-backdrop{align-items:flex-end;padding:0 0 var(--mobile-keyboard-offset,0px);backdrop-filter:none;background:#0005}
 .mobile-projects-sheet{display:flex;flex-direction:column;width:100%;max-width:none;max-height:calc(var(--mobile-viewport-height,100dvh) - 24px);overflow-y:auto;position:relative;padding:30px 20px calc(20px + env(safe-area-inset-bottom,0px));border:0;border-radius:26px 26px 0 0;box-shadow:0 -10px 38px #0002}
 .mobile-projects-sheet:before{content:'';position:absolute;top:10px;left:calc(50% - 17px);width:34px;height:4px;border-radius:20px;background:#c9c9c9}
 .mobile-projects-sheet>.modal-head{flex:none;margin:0 0 20px;padding:0}
 .mobile-projects-sheet>.modal-head>h2{font-size:30px;line-height:1.15}
 .mobile-projects-sheet>.modal-head>.icon-button{width:44px;height:44px}
 .mobile-projects-sheet .cloud-workspace-tools{flex:none;margin:15px 0 0}
 .mobile-projects-sheet .history-list{max-height:calc(49px * 12);scrollbar-width:thin}
 #toast{bottom:calc(var(--mobile-keyboard-offset,0px) + env(safe-area-inset-bottom,0px) + 12px)}
}
@media(max-width:360px){
 .mobile-workspace-header{padding-inline:14px}
 .mobile-workspace-brand{font-size:16px;gap:7px}
 .mobile-workspace-brand>img{width:24px;height:24px}
 body .workspace,body.nav-collapsed .workspace,body.authoring .workspace{padding-left:16px;padding-right:30px}
 .mobile-projects-sheet{padding-inline:16px}
}