/* Phase 1: one collapsible navigation drawer for portal and community views.
   Loaded after legacy layout styles to avoid rewriting existing theme CSS. */
@media (min-width: 1025px) {
  body.signed-in:is(.global-context,.community-context) .app-menu-button { display: grid !important; }
  body.signed-in.community-context .app-brand { display: flex !important; }
}
body.signed-in:is(.global-context,.community-context) .portal-app-shell {
  display: block !important;
  grid-template-columns: none !important;
  min-width: 0;
}
body.signed-in:is(.global-context,.community-context) .portal-workspace {
  width: 100% !important;
  min-width: 0;
  max-width: 1480px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}
body.signed-in.global-context .global-drawer-sidebar,
body.signed-in.community-context .portal-app-shell > .unified-sidebar {
  position: fixed !important;
  z-index: 1120 !important;
  top: var(--gm-topbar-height) !important;
  left: 0 !important;
  bottom: 0 !important;
  width: min(var(--gm-sidebar-width, 294px), 92vw) !important;
  max-width: 92vw !important;
  height: calc(100dvh - var(--gm-topbar-height)) !important;
  transform: translateX(-105%) !important;
  transition: transform .22s ease !important;
  box-shadow: 18px 0 50px rgba(0,0,0,.36) !important;
  visibility: visible !important;
  opacity: 1 !important;
  display: flex !important;
}
body.signed-in.global-context.global-nav-open .global-drawer-sidebar,
body.signed-in.community-context.sidebar-open .portal-app-shell > .unified-sidebar {
  transform: translateX(0) !important;
}
body.signed-in.global-context.global-nav-open .app-sidebar-backdrop,
body.signed-in.community-context.sidebar-open .app-sidebar-backdrop {
  display: block !important;
  z-index: 1090 !important;
}
@media (max-width: 1024px) {
  body.signed-in:is(.global-context,.community-context) .portal-workspace {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
@media (max-width: 620px) {
  body.signed-in:is(.global-context,.community-context) .portal-workspace {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.signed-in.global-context .global-drawer-sidebar,
  body.signed-in.community-context .portal-app-shell > .unified-sidebar {
    transition: none !important;
  }
}