/* Reference-inspired sidebar: quiet rows, unboxed line icons, one clear active state. */
body.dashboard-page .sidebar {
  background: #0d1117;
  border-left-color: #292e36;
  box-shadow: none;
}
body.dashboard-page .sidebar .brand { border-bottom-color: #282e37; }
body.dashboard-page .sidebar .workspace-switcher {
  min-height: 54px;
  margin-bottom: 13px;
  border: 1px solid #303641;
  border-radius: 11px;
  background: #14191f;
  box-shadow: none;
  transform: none;
}
body.dashboard-page .sidebar .workspace-switcher:hover { border-color: #566072; background: #191e25; transform: none; }
body.dashboard-page .sidebar .workspace-switcher .avatar { border-radius: 9px; background: #624e91; box-shadow: none; }
body.dashboard-page .sidebar .workspace-switcher small { color: #969fac; }
body.dashboard-page .sidebar .main-nav { gap: 2px; padding: 3px 1px; }
body.dashboard-page .sidebar .nav-label { padding: 14px 12px 6px; color: #a6afbd; font-size: 11px; letter-spacing: 0; }
body.dashboard-page .sidebar .nav-label:not(:first-child) { margin-top: 8px; border-top: 1px solid #282e37; }
body.dashboard-page .sidebar .main-nav .nav-item,
body.dashboard-page .sidebar .main-nav .nav-item.nav-create-hub,
body.dashboard-page .sidebar .main-nav .nav-item.nav-branding {
  position: relative;
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 45px;
  margin: 0;
  padding: 8px 12px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent!important;
  background-image: none!important;
  box-shadow: none!important;
  color: #b8c0cc;
  text-align: right;
  transform: none;
  transition: color .2s,background-color .2s,border-color .2s;
}
body.dashboard-page .sidebar .main-nav .nav-item::before {
  content: '';
  position: absolute;
  top: 9px;
  right: 0;
  width: 4px;
  height: calc(100% - 18px);
  border-radius: 4px;
  background: #b792ff;
  opacity: 0;
  transition: opacity .2s;
}
body.dashboard-page .sidebar .main-nav .nav-item:hover,
body.dashboard-page .sidebar .main-nav .nav-item:focus-visible {
  border-color: #2a3039;
  background: #171c23!important;
  color: #f2f3f6;
  transform: none;
}
body.dashboard-page .sidebar .main-nav .nav-item.active,
body.dashboard-page .sidebar .main-nav .nav-item.nav-branding.active {
  border-color: #51446a;
  background: #221e2b!important;
  color: #f5f5f7;
  box-shadow: none!important;
  transform: none;
}
body.dashboard-page .sidebar .main-nav .nav-item:is(.active,:focus-visible)::before { opacity: 1; }
body.dashboard-page .sidebar .main-nav .nav-item .nav-icon,
body.dashboard-page .sidebar .main-nav .nav-item.nav-create-hub .nav-icon,
body.dashboard-page .sidebar .main-nav .nav-item.nav-branding .nav-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent!important;
  box-shadow: none!important;
  color: #929daa;
  transform: none;
}
body.dashboard-page .sidebar .main-nav .nav-item:hover .nav-icon,
body.dashboard-page .sidebar .main-nav .nav-item.active .nav-icon { border: 0; background: transparent!important; color: #c7aaff; box-shadow: none; }
body.dashboard-page .sidebar .main-nav .nav-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; }
body.dashboard-page .sidebar .main-nav .nav-item b,
body.dashboard-page .sidebar .main-nav .nav-item.nav-create-hub b { align-self: auto; min-width: 0; overflow: hidden; color: inherit; font-size: 12px; font-weight: 600; line-height: 1.7; text-overflow: ellipsis; white-space: nowrap; }
body.dashboard-page .sidebar .main-nav .nav-item small { display: none; }
body.dashboard-page .sidebar .main-nav .nav-item.nav-branding::after { display: none; }
body.dashboard-page .sidebar .nav-notification-count { display: grid; place-items: center; min-width: 18px; height: 18px; margin-right: auto; padding: 0 4px; border: 0; border-radius: 99px; background: #5e4b80; box-shadow: none; color: #fff; font-size: 9px; line-height: 1; }
body.dashboard-page .sidebar .nav-notification-count[hidden] { display: none; }
body.dashboard-page .sidebar .sidebar-bottom { border-top-color: #2a3039; }
body.dashboard-page .sidebar .sidebar-action,
body.dashboard-page .sidebar .dashboard-minimal-native.sidebar-action { border: 0!important; background: transparent!important; box-shadow: none!important; color: #aab5c3; }
body.dashboard-page .sidebar .sidebar-action:hover { background: #1a1f26!important; color: #fff; transform: none; }
body.dashboard-page .sidebar .sidebar-action > span,
body.dashboard-page .sidebar .dashboard-minimal-native.sidebar-action > span { color: inherit; }
body.dashboard-page .sidebar .dashboard-site-link { color: #8d98a8; }
body.dashboard-page .sidebar .dashboard-site-link:hover { background: #1a1f26; color: #fff; }
body.dashboard-page .topbar .sidebar-collapse { border-color: #39404b; background: #171b22; box-shadow: none; color: #b8c0cc; }
body.dashboard-page .topbar .sidebar-collapse:hover { border-color: #6b5b8c; background: #22222b; transform: none; }

@media (min-width: 761px) {
  html.sidebar-collapsed body.dashboard-page .sidebar .main-nav .nav-item,
  body.dashboard-page .sidebar.collapsed .main-nav .nav-item { display: grid; place-items: center; min-height: 46px; padding: 8px 5px; }
  html.sidebar-collapsed body.dashboard-page .sidebar .main-nav .nav-item .nav-icon,
  body.dashboard-page .sidebar.collapsed .main-nav .nav-item .nav-icon { width: 24px; height: 24px; }
  html.sidebar-collapsed body.dashboard-page .sidebar .main-nav .nav-item b,
  body.dashboard-page .sidebar.collapsed .main-nav .nav-item b { display: none!important; }
  html.sidebar-collapsed body.dashboard-page .sidebar .nav-notification-count,
  body.dashboard-page .sidebar.collapsed .nav-notification-count { position: absolute; top: 2px; left: 3px; min-width: 15px; height: 15px; margin: 0; font-size: 7px; }
  html.sidebar-collapsed body.dashboard-page .sidebar .sidebar-action,
  body.dashboard-page .sidebar.collapsed .sidebar-action { background: transparent!important; border: 0!important; }
}
@media (max-width: 760px) {
  body.dashboard-page .sidebar .main-nav .nav-item { min-height: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  body.dashboard-page .sidebar .main-nav .nav-item,
  body.dashboard-page .sidebar .main-nav .nav-item::before { transition: none; }
}