/* Approved navigation scale. No colors, order, permissions or handlers change. */
body.gramjet-shell-active .gramjet-shell {
  grid-template-columns: 260px minmax(0, 1fr) !important;
}
body.gramjet-shell-active .service-sidebar {
  box-sizing: border-box;
  width: 260px !important;
  min-width: 0;
  overflow-x: hidden;
}
body.gramjet-shell-active .service-sidebar :is(.service-nav, .service-nav span,
  .gp-project-toggle, .gp-project-toggle span, .gp-project-link, .gp-project-link > span) {
  font-size: 20px !important;
  font-weight: 600;
  line-height: 1.4 !important;
}
body.gramjet-shell-active .service-sidebar .service-nav {
  min-height: 52px !important;
  white-space: normal;
}
body.gramjet-shell-active .service-sidebar .gp-order-row {
  min-height: 52px;
}
body.gramjet-shell-active .service-sidebar .gp-project-link > span {
  white-space: normal;
  overflow-wrap: anywhere;
}
body.gramjet-shell-active .service-sidebar :is(.service-sidebar-caption, .gpw-sidebar-label) {
  font-size: 14px !important;
  line-height: 1.4 !important;
}
body.gramjet-shell-active .service-sidebar .gp-project-link small {
  font-size: 16px !important;
  line-height: 1.4 !important;
  flex-shrink: 0;
}
body.gramjet-shell-active .service-sidebar .service-sidebar-brand {
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  flex-shrink: 0;
}
body.gramjet-shell-active .service-sidebar .service-sidebar-brand::before {
  box-sizing: border-box;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  margin-top: 4px;
  border-radius: 11px;
  font-size: 23px !important;
  line-height: 36px !important;
}
body.gramjet-shell-active .service-sidebar .service-sidebar-brand strong {
  left: 48px !important;
  top: 0 !important;
  font-size: 34px !important;
  font-weight: 600;
  line-height: 40px !important;
}
body.gramjet-shell-active .service-sidebar .service-sidebar-brand .gj-context {
  left: 48px !important;
  top: 38px;
  height: 20px;
  font-size: 14px !important;
  line-height: 20px !important;
}
/* Keep existing single-column navigation on phones. */
@media (max-width: 640px) {
  body.gramjet-shell-active .gramjet-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.gramjet-shell-active .service-sidebar {
    width: 100% !important;
    min-height: 0;
  }
}