/* Measured geometry adapter for Marina's exact shared presentation. The live
   phone header stays inside its existing rail; only its own face moves. */
@media(max-width:820px){
 .office-console-shell [data-navigation-gesture-region]{touch-action:pan-y pinch-zoom}
 .office-console-shell.office-navigation-open{overflow:hidden}
 .shell.office-console-shell.has-global-navigation.office-navigation-open>.rail{z-index:auto}
 .shell.office-console-shell.has-global-navigation.office-navigation-open>.workspace-global-nav{z-index:10}
 .office-console-shell.has-global-navigation.office-navigation-open .rail>.rail-inner{z-index:10;box-shadow:none;padding-top:74px}
 .office-console-shell.office-navigation-open [data-office-layer="drawer-face-header"]{
  position:fixed;inset:calc(var(--office-visible-top,0px) + 10px) auto auto 14px;width:calc(100vw - 28px);height:44px;
 }
 .office-console-shell.office-navigation-open [data-office-layer="drawer-face-header"]::before{
  content:'';position:absolute;inset:-10px -14px;z-index:-1;background:var(--rail-bg);border-top-left-radius:var(--office-motion-corner);
 }
 .shell.office-console-shell.office-navigation-open>main.office-main{position:relative;background:var(--bg,var(--surface));overflow:hidden}
 .shell.office-console-shell.office-navigation-open>.office-navigation-backdrop{
  inset:calc(var(--office-visible-top,0px) + 64px) 0 auto 0;height:calc(var(--office-visible-height,100dvh) - 64px);width:100%;z-index:21;border-radius:0 0 0 var(--office-motion-corner);
 }
 .office-console-shell.office-navigation-measuring *{transition:none!important}
}

.office-console-shell .office-older-page{display:flex;justify-content:center;min-height:48px}

@media(max-width:820px){
 .office-console-shell [data-thread-gesture-region]{touch-action:pan-y pinch-zoom}
 .office-console-shell[data-office-motion="back"] .office-thread-layout{position:relative;grid-template-columns:minmax(0,1fr);overflow:hidden}
 .office-console-shell[data-office-motion="back"] .office-thread-layout>.office-parent{display:flex;position:absolute;inset:0;background:var(--surface)}
 .office-console-shell[data-office-motion="back"] .office-thread-panel{position:relative;grid-column:1;background:var(--surface)}
}