/* A quieter, more deliberate navigation that follows the current plum/coral identity. */
html body .sidebar {
  --sidebar-ink: #382536;
  --sidebar-muted: #786a78;
  --sidebar-line: #eadfe9;
  --sidebar-tint: #f7eff6;
  background: var(--gh-paper) !important;
  border-right: 1px solid var(--sidebar-line) !important;
  box-shadow: 8px 0 32px #43253b0a !important;
  padding-top: 22px;
}
html body .sidebar .brand {
  min-height: 62px;
  justify-content: flex-start;
  gap: 12px;
  padding: 0 9px;
  text-decoration: none;
}
html body .sidebar .brand-logo {
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px;
  object-fit: cover;
  border-radius: 16px !important;
  filter: none !important;
}
html body .sidebar .brand-wordmark {
  display: flex !important;
  flex-direction: column;
  gap: 1px;
  color: var(--gh-plum) !important;
  font: 800 17px/1.05 Manrope, sans-serif;
  letter-spacing: -.045em;
}
html body .sidebar .brand-hair { color: var(--gh-plum-mid) !important; }
html body .sidebar .brand-signature {
  margin-top: 4px;
  color: var(--gh-muted) !important;
  font: 700 8px/1.2 Manrope, sans-serif;
  letter-spacing: .15em;
}
html body .sidebar .workspace-label {
  margin: 24px 10px 12px !important;
  color: var(--gh-muted) !important;
  font-size: 9px !important;
  font-weight: 800;
  letter-spacing: .14em;
}
html body .sidebar .workspace-label::after {
  width: 28px !important;
  height: 2px !important;
  margin-top: 8px !important;
  background: var(--gh-coral) !important;
}
html body .sidebar nav { gap: 3px !important; padding-inline: 2px !important; }
html body .sidebar nav > a {
  min-height: 44px !important;
  gap: 11px;
  padding: 10px 12px !important;
  border: 1px solid transparent;
  border-radius: 13px !important;
  color: var(--sidebar-muted) !important;
  font-size: 12px !important;
  font-weight: 650;
  transition: background .16s ease, color .16s ease, transform .16s ease;
}
html body .sidebar nav > a > [data-icon] { display: grid; place-items: center; width: 19px; height: 19px; flex: 0 0 19px; }
html body .sidebar nav > a > [data-icon] svg { width: 18px; height: 18px; stroke-width: 1.8; }
html body .sidebar nav > a:hover { background: var(--sidebar-tint) !important; color: var(--gh-plum) !important; transform: translateX(2px); }
html body .sidebar nav > a.active {
  background: var(--gh-lilac) !important;
  border-color: color-mix(in srgb, var(--gh-plum-mid) 15%, transparent) !important;
  box-shadow: inset 3px 0 var(--gh-plum-mid) !important;
  color: var(--gh-plum) !important;
  font-weight: 800;
}
html body .sidebar nav > a.community-nav-link {
  min-height: 50px !important;
  margin: 1px 0 8px !important;
  padding-right: 72px !important;
  background: var(--gh-plum) !important;
  border-color: transparent !important;
  box-shadow: 0 7px 18px color-mix(in srgb, var(--gh-plum) 18%, transparent) !important;
  color: white !important;
  font-size: 13px !important;
  font-weight: 800;
}
html body .sidebar nav > a.community-nav-link > [data-icon] { width: 31px; height: 31px; flex-basis: 31px; border-radius: 10px; background: #ffffff1c; }
html body .sidebar nav > a.community-nav-link:hover,
html body .sidebar nav > a.community-nav-link.active { background: var(--gh-plum-mid) !important; color: white !important; }
html body .sidebar nav > a.community-nav-link .community-nav-badge { right: 10px; background: #ffffff20; color: white; }
html body .sidebar .sidebar-group { margin: 2px 0; border: 0; border-radius: 14px; }
html body .sidebar .sidebar-group > summary { min-height: 45px; padding: 9px 12px; border-radius: 12px; color: var(--sidebar-ink); font-size: 12px; font-weight: 750; }
html body .sidebar .sidebar-group > summary:hover { background: var(--sidebar-tint); color: var(--gh-plum); }
html body .sidebar .sidebar-group > summary > [data-icon] { color: var(--gh-plum-mid); }
html body .sidebar .sidebar-group-chevron { color: var(--gh-muted); }
html body .sidebar .sidebar-group-links { margin: 0 0 7px 20px; padding-left: 9px; border-left-color: var(--sidebar-line); }
html body .sidebar .sidebar-group-links a { min-height: 38px !important; padding: 8px 10px !important; border-radius: 10px !important; color: var(--sidebar-muted) !important; font-size: 11px !important; }
html body .sidebar .sidebar-group-links a:hover { background: var(--sidebar-tint) !important; color: var(--gh-plum) !important; }
html body .sidebar .sidebar-group-links a.active { background: var(--gh-lilac) !important; box-shadow: inset 3px 0 var(--gh-plum-mid) !important; color: var(--gh-plum) !important; }
html body .sidebar .nature-card { display: none; }
html body .sidebar .sidebar-bottom { margin-top: auto; padding-top: 8px; }
html body .sidebar .help-link { min-height: 42px; padding: 8px 10px; border-radius: 12px; color: var(--sidebar-muted) !important; font-size: 11px; }
html body .sidebar .help-link:hover { background: var(--sidebar-tint); color: var(--gh-plum) !important; }
html body .sidebar .sidebar-profile {
  width: 100% !important;
  min-height: 66px;
  margin: 6px 0 0 !important;
  padding: 9px 10px !important;
  border: 1px solid var(--sidebar-line) !important;
  border-radius: 16px !important;
  background: var(--gh-lilac) !important;
  box-shadow: none !important;
  color: var(--gh-ink) !important;
}
html body .sidebar .sidebar-profile .avatar { width: 38px; height: 38px; background: var(--gh-coral); color: var(--gh-plum); }
html body .sidebar .sidebar-profile strong { color: var(--gh-ink) !important; font-size: 12px; }
html body .sidebar .sidebar-profile small { color: var(--gh-muted) !important; font-size: 10px; }

html[data-theme="dark"] body .sidebar {
  --sidebar-ink: #f4eaf3;
  --sidebar-muted: #c5b6c5;
  --sidebar-line: #403342;
  --sidebar-tint: #302633;
  background: var(--gh-paper) !important;
  box-shadow: 8px 0 32px #0003 !important;
}
html[data-theme="dark"] body .sidebar nav > a.active,
html[data-theme="dark"] body .sidebar .sidebar-group-links a.active { background: var(--gh-lilac) !important; color: var(--gh-ink) !important; }
html[data-theme="dark"] body .sidebar nav > a.community-nav-link { background: var(--gh-plum-mid) !important; color: white !important; }
html[data-theme="dark"] body .sidebar .sidebar-profile { background: var(--gh-lilac) !important; border-color: var(--sidebar-line) !important; }

@media (max-width: 640px) {
  html body .sidebar { width: min(326px, calc(100vw - 48px)); padding: calc(16px + env(safe-area-inset-top, 0px)) 16px calc(14px + env(safe-area-inset-bottom, 0px)); }
  html body .sidebar .brand { min-height: 60px; padding-right: 46px; }
  html body .sidebar .brand-logo { width: 48px !important; height: 48px !important; flex-basis: 48px; }
  html body .sidebar .brand-wordmark { font-size: 16px; }
  html body .sidebar .workspace-label { margin: 17px 9px 9px !important; }
  html body .sidebar nav { gap: 2px !important; }
  html body .sidebar nav > a { min-height: 46px !important; font-size: 13px !important; }
  html body .sidebar nav > a.community-nav-link { min-height: 52px !important; }
  html body .sidebar .sidebar-group > summary { min-height: 47px; font-size: 13px; }
  html body .sidebar .sidebar-group-links a { min-height: 42px !important; font-size: 12px !important; }
  html body .sidebar .sidebar-bottom { padding-top: 4px; }
  html body .sidebar .mobile-menu-privacy { color: var(--gh-muted); }
  html body .sidebar .sidebar-profile { min-height: 60px; }
}
@media (prefers-reduced-motion: reduce) { html body .sidebar nav > a { transition: none; } }