/* Mobile navigation reuses the existing search, account and grouped brand menu. */
.mobile-dock,.mobile-dock-space,.mobile-shortcuts,.mobile-context,.compact-section-label,.mobile-panel-scrim,.mobile-panel-heading,.mobile-section-slot,.menu .mobile-account-option{display:none}
.shortcut-svg{display:block;width:23px;height:23px;flex:none}
.mobile-dock[hidden]{display:none!important}
@media (max-width:760px), (max-height:500px) and (orientation:landscape) and (max-width:1000px){
  .shell,.shell.documents-focus{grid-template-rows:minmax(0,1fr) auto!important}
  .shell>.ctxbar,.shell>.top{display:none}
  .shell>.body{padding-top:env(safe-area-inset-top);min-height:0}
  .mobile-dock-space{display:block;height:calc(88px + env(safe-area-inset-bottom))}
  .mobile-dock{--dock-panel-height:min(472px,calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));display:block;position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));height:56px;z-index:52;isolation:isolate}
  .dock-surface{position:absolute;left:0;bottom:0;width:calc(100% - 68px);height:56px;pointer-events:none;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,white 8%),color-mix(in srgb,var(--panel) 82%,transparent));box-shadow:0 8px 28px #17213b16,inset 0 1px 1px #ffffff38;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:width .48s cubic-bezier(.22,.8,.2,1),height .48s cubic-bezier(.22,.8,.2,1),border-radius .4s}
  .side.mobile-open{bottom:calc(88px + env(safe-area-inset-bottom));border-radius:0 0 22px 22px}
  .mobile-shortcuts{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 68px);height:56px;padding:6px;margin:0;transition:opacity .18s,filter .28s,transform .4s;transform-origin:center bottom}
  .dock-active-indicator{position:absolute;left:6px;top:6px;width:calc((100% - 12px)/4);height:44px;border-radius:24px;pointer-events:none;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 80%,white 20%),color-mix(in srgb,var(--panel2) 90%,transparent));border:1px solid color-mix(in srgb,var(--ink) 6%,transparent);box-shadow:0 2px 8px #1017350d,inset 0 1px 2px #ffffff55;transform:translateX(calc(var(--dock-index)*100%));transition:transform .48s cubic-bezier(.2,.9,.25,1.15),opacity .2s}
  .no-active .dock-active-indicator{opacity:0}
  .mobile-shortcuts>.mobile-shortcut{position:relative;display:grid;place-items:center;min-width:0;min-height:44px;padding:0;border:0;border-radius:24px;background:transparent;color:var(--ink2);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s}
  .shortcut-icon{position:relative;display:grid;place-items:center;width:30px;height:30px;transition:transform .2s}
  .shortcut-icon img{display:block;width:27px;height:27px;object-fit:contain}
  .shortcut-icon .shortcut-svg{width:23px;height:23px}
  .mobile-shortcuts>.is-active{color:var(--ink)}
  .mobile-shortcut:active .shortcut-icon{transform:scale(.88)}
  .mobile-shortcut:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-quick-menu button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
  .shortcut-count{position:absolute;top:-4px;right:-5px;min-width:16px;padding:1px 4px;border:2px solid var(--panel);border-radius:10px;background:var(--acc);color:var(--acc-ink);font:650 9px/1.2 system-ui,sans-serif}
  .mobile-menu-toggle{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 94%,white 6%),var(--panel2));color:var(--ink);box-shadow:0 5px 18px #17213b14,inset 0 1px 1px #ffffff40;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .25s,background .3s}
  .mobile-menu-toggle .shortcut-svg{transition:transform .4s cubic-bezier(.2,.8,.2,1)}
  .mobile-menu-toggle:active{transform:scale(.93)}
  .mobile-quick-menu{position:absolute;left:0;bottom:64px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(48px,auto);align-content:start;gap:6px;width:100%;height:calc(var(--dock-panel-height) - 64px);padding:12px 10px 8px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;opacity:0;filter:blur(8px);transform:translateY(12px) scale(.94,.6);transform-origin:center bottom;pointer-events:none;transition:opacity .22s,filter .28s,transform .45s cubic-bezier(.22,.8,.2,1)}
  .mobile-quick-menu>button{display:flex;align-items:center;gap:7px;min-width:0;min-height:48px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:11px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--ink2);font:500 12px/1.25 Figtree,system-ui,sans-serif;text-align:left;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .3s,background .2s}
  .mobile-quick-menu .quick-menu-icon{display:grid;place-items:center;width:20px;height:20px;flex:none;color:var(--acc-text)}
  .mobile-quick-menu .quick-menu-icon .ic{font-size:20px}
  .mobile-quick-menu .quick-menu-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
  .mobile-quick-menu b{font-weight:650;color:var(--ink);overflow-wrap:normal}
  .mobile-quick-menu small{display:none}
  .mobile-quick-menu>button.is-active{background:var(--persona-lilac,var(--acc-soft));border-color:var(--persona-edge,var(--acc-text));box-shadow:0 2px 0 var(--persona-edge,var(--acc-text))}
  .mobile-quick-menu>button[data-v="orders"]{background:var(--persona-blue,var(--panel2));border-color:var(--persona-edge,var(--line));box-shadow:0 2px 0 var(--persona-edge,var(--line))}
  .mobile-quick-menu>button:hover{background:var(--panel2)}
  .mobile-quick-menu>button:active{transform:scale(.97)!important}
  .mobile-quick-menu .mobile-brands-toggle{border-style:dashed}
  .mobile-dock.is-expanded .dock-surface{width:100%;height:var(--dock-panel-height);border-radius:24px}
  .mobile-dock.is-expanded .mobile-shortcuts{opacity:0;filter:blur(8px);transform:scale(.94,.7);pointer-events:none}
  .mobile-quick-menu{visibility:hidden;transition:opacity .22s,filter .28s,transform .45s cubic-bezier(.22,.8,.2,1),visibility 0s .45s}
  .mobile-dock.is-expanded .mobile-quick-menu{visibility:visible;opacity:1;filter:blur(0);transform:none;pointer-events:auto;transition-delay:0s}
  .mobile-dock.is-expanded .mobile-quick-menu>button{opacity:1;transform:none;transition-delay:calc(55ms + var(--tile-index)*12ms)}
  .mobile-dock.is-expanded .mobile-menu-toggle .shortcut-svg{transform:rotate(135deg)}
  .mobile-panel-scrim.is-dock-scrim{background:transparent}
  .mobile-panel-scrim{display:block;position:fixed;inset:0;z-index:44;border:0;background:var(--overlay)}
  .shell.mobile-search-open>.top,.shell.mobile-account-open>.top{display:block;position:fixed;z-index:46;left:12px;right:12px;bottom:calc(106px + env(safe-area-inset-bottom));max-height:calc(100dvh - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}
  .shell>.top>*{display:none!important}
  .shell>.top>.mobile-panel-heading{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:15px}
  .mobile-panel-heading .iconbtn{width:44px;height:44px}
  .mobile-search-open>.top>.gsearch{display:block!important;width:100%;max-width:none;min-width:0;margin:0}
  .mobile-search-open>.top .gsearch .input{height:46px;border-radius:8px;font-size:16px}
  .mobile-search-open>.top .gsearch>.ic{top:13px}
  .mobile-search-open>.top .pop{position:static;margin-top:8px;max-height:none;border:0;box-shadow:none;padding:0}
  .mobile-account-open>.top>div:last-child{display:block!important;position:static!important}
  .mobile-account-open>.top>div:last-child>button{display:none}
  .mobile-account-open>.top .menu{position:static;width:100%;max-height:none;border:0;box-shadow:none;border-radius:0}
  .menu .mobile-account-option{display:flex}
  .mobile-section-slot{display:block;margin:4px 0 10px}
  .mobile-section-slot .section-navigation{max-width:none}
  .mobile-section-slot .section-select{height:44px;font-size:16px}
  .mobile-section-slot>.btn{width:100%;min-height:44px;margin-top:8px;justify-content:flex-start}
  .section-page-controls:empty{display:none}
  .section-page-controls{min-height:0;padding:4px 12px}
  .tool-page-controls{justify-content:flex-end}
  .shell .resume-docks,.shell:has(.presence-floating-actions) .resume-docks{bottom:calc(106px + env(safe-area-inset-bottom))}
  .shell .scroll-top,.shell:has(.presence-floating-actions) .scroll-top{bottom:calc(106px + env(safe-area-inset-bottom))}
  .shell:not(:has(.presence-floating-actions)) .scroll-top{bottom:calc(166px + env(safe-area-inset-bottom))}
  .execution-page .presence-floating-actions,.execution-page .presence-floating-panel{bottom:calc(162px + env(safe-area-inset-bottom))}
  .execution-page .presence-floating-panel{max-height:calc(100dvh - 190px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  #toast{bottom:calc(106px + env(safe-area-inset-bottom))}
  html[data-design-review="true"] .persona-review{bottom:calc(106px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.mobile-dock *{transition:none!important;animation:none!important}}