/* Web sidebar only. Keep workspace, chat and dock geometry unchanged. */
html.desktop366:not(.mw230) body #root#root .app > .sidebar {
  box-sizing: border-box !important;
  padding-bottom: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-y: auto;
}
html.desktop366:not(.mw230) body #root#root .sidebar > .brand {
  margin: 20px 0 0 !important;
  flex: 0 0 72px !important;
}
html.desktop366:not(.mw230) body #root#root .sidebar > nav {
  flex: 1 0 auto !important;
  display: grid !important;
  align-content: center !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 24px 0 !important;
  height: auto !important;
}
html.desktop366:not(.mw230) body #root#root .sidebar > nav > button:not(.mobile-profile-nav) {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 18px 22px !important;
  text-align: left !important;
  position: relative;
}
html.desktop366:not(.mw230) body #root#root .sidebar > .theme-panel {
  margin: 0 14px !important;
  flex: 0 0 auto !important;
}