/* VERSION_CONTROL: GB_SHELL_CONTROLS_CSS_V02_COLLAPSED_CONTENT_ALIGNMENT_20261106
   Shared shell control presentation across _Host, _AppShellLayout and _LoginLayout.
   Derives colors from each tenant's existing BrandTheme CSS variables. */
.shell-toggles.gb-shell-controls { display: inline-flex !important; gap: 6px; margin-left: .5rem; flex-shrink: 0; align-items: center; }
.gb-shell-controls .shell-btn {
  display: inline-flex; justify-content: center; align-items: center;
  height: 28px; min-width: 28px; padding: 0 5px;
  border-radius: 7px; cursor: pointer;
  color: var(--brand-navbar-text, #f8fafc);
  border: 1px solid currentColor;
  background: transparent; line-height: 1; font-size: 15px;
  opacity: .9;
}
.gb-shell-controls .shell-btn:hover, .gb-shell-controls .shell-btn:focus-visible {
  background: var(--brand-primary, #0d6efd); color: var(--gb-shell-primary-text, #fff);
  opacity: 1;
}
.gb-shell-controls .shell-btn:focus-visible { outline: 2px solid var(--brand-accent, #2dd4bf); outline-offset: 2px; }
.gb-shell-controls .shell-btn[aria-pressed="true"] { border-color: var(--brand-accent, #2dd4bf); }
/* Even when collapsed, restore controls remain visible. */
body.topbar-collapsed .gb-shell-controls .shell-btn { height: 26px; min-width: 26px; }
@media (max-width: 767.98px) {
  /* Legacy Identity layout hid the controls; let users restore their navigation. */
  .shell-toggles.gb-shell-controls { display: inline-flex !important; margin-left: .2rem; gap: 4px; }
  .gb-shell-controls .shell-btn { min-width: 32px; height: 32px; }
  body.topbar-collapsed .gb-shell-controls .shell-btn { height: 28px; min-width: 28px; }
  /* Identity's legacy sidebar is hidden by default on phones. We do not unhide it
     on login pages; once authenticated, the normal app shell is used. */
}

/* R1.6.1: When navigation is hidden, do not preserve the automatic
   centering gap inside Messages and its conversation detail pages.
   Keep each page's designed max-width and the shell's normal padding. */
body.sidebar-hidden .app-content .gb-chat-page,
body.sidebar-hidden .app-content .gb-chat-shell {
  margin-left: 0 !important;
  margin-right: 0 !important;
}