/* Shared 28px product marks and compact, centered navigation rail. */
.app .sidebar .brand-row { height: 64px; padding: 0 12px; gap: 8px; }
.app .sidebar .brand { gap: 8px; }
.app .sidebar .brand-mark { width: 28px; height: 28px; }
.app .sidebar .brand-name { font-size: 14.5px; line-height: 20px; font-weight: 600; letter-spacing: 0; white-space: nowrap; }
.app .sidebar .collapse-button { width: 28px; height: 28px; padding: 0; }
@media (min-width: 761px) {
  .app.is-collapsed { --sidebar: 64px; }
  .app.is-collapsed .sidebar .brand-row { height: 88px; padding: 8px 12px; gap: 4px; flex-direction: column; justify-content: flex-start; }
  .app.is-collapsed .sidebar .brand { flex: 0 0 36px; width: 40px; height: 36px; justify-content: center; padding: 4px 6px; }
  .app.is-collapsed .sidebar .suite-switch-chevron { display: none; }
  .app.is-collapsed .sidebar .collapse-button { width: 32px; height: 32px; }
  .app.is-collapsed .sidebar .navigation { padding: 0 12px 12px; }
  .app.is-collapsed .sidebar .nav-item { width: 40px; height: 40px; min-height: 40px; padding: 0; margin: 0 auto; }
  .app.is-collapsed .sidebar .nav-group + .nav-group { margin-top: 8px; padding-top: 8px; }
}