/* C7 mobile navigation: full viewport overlays must NOT be descendants of a backdrop-filter header. */
@media(max-width:1000px){
  body.public-body .public-nav-backdrop, body.public-body .public-mobile-drawer {position:fixed;}
  body.public-body .public-nav-backdrop{inset:0;z-index:920;visibility:hidden;opacity:0;pointer-events:none;}
  body.public-body .public-mobile-drawer{
    inset:0 0 0 auto;z-index:921;max-width:100%;width:min(390px,92vw);
    height:100dvh;max-height:100dvh;overscroll-behavior:contain;
    visibility:hidden;pointer-events:none;transform:translate3d(104%,0,0);
    background:#fff;color:#173545;isolation:isolate;
  }
  body.public-body.public-menu-open .public-nav-backdrop{visibility:visible;opacity:1;pointer-events:auto;}
  body.public-body.public-menu-open .public-mobile-drawer{visibility:visible;pointer-events:auto;transform:translate3d(0,0,0);}
  body.public-body.public-menu-open{overflow:hidden;touch-action:none;}
  body.public-body.public-menu-open .public-mobile-drawer{touch-action:pan-y;}
}
@media(max-width:430px){body.public-body .public-mobile-drawer{width:100vw;}}
@media(min-width:1001px){body.public-body .public-mobile-drawer,body.public-body .public-nav-backdrop{visibility:hidden;pointer-events:none;}}
@media(prefers-reduced-motion:reduce){body.public-body .public-mobile-drawer,body.public-body .public-nav-backdrop{transition:none!important;}}

/* Logged-in workspace mobile sidebar: visibility, scroll and focus are tied to the open state. */
@media(max-width:1080px){
  .app-frame .app-sidebar{height:100dvh;max-height:100dvh;max-width:100vw;visibility:hidden;pointer-events:none;overflow:hidden;}
  .app-frame.sidebar-open .app-sidebar{visibility:visible;pointer-events:auto;}
  .app-frame.sidebar-open .sidebar-backdrop{visibility:visible;pointer-events:auto;}
  .app-sidebar .sidebar-nav{overscroll-behavior:contain;}
  .app-frame.sidebar-open .app-sidebar .sidebar-nav{touch-action:pan-y;}
}
@media(min-width:1081px){.app-frame .app-sidebar{visibility:visible;pointer-events:auto;}}