/* Section colors are decorative; labels and active-row styling carry meaning. */
#sidebar {
  --nav-blue: #315fc0;
  --nav-blue-bg: #eef3ff;
  --nav-teal: #117e87;
  --nav-teal-bg: #eaf7f7;
  --nav-green: #278052;
  --nav-green-bg: #edf7f0;
  --nav-amber: #a86919;
  --nav-amber-bg: #fff5e7;
  --nav-violet: #7854ba;
  --nav-violet-bg: #f3effb;
  --nav-rose: #b54e70;
  --nav-rose-bg: #fceff4;
  --nav-slate: #5e7087;
  --nav-slate-bg: #f0f3f7;
}
html.dark #sidebar {
  --nav-blue: #9bbcff;
  --nav-blue-bg: #20314f;
  --nav-teal: #7fd4d5;
  --nav-teal-bg: #193a40;
  --nav-green: #8cd7ac;
  --nav-green-bg: #203c32;
  --nav-amber: #e7bc78;
  --nav-amber-bg: #3c3224;
  --nav-violet: #bea4ed;
  --nav-violet-bg: #332b49;
  --nav-rose: #eba0b7;
  --nav-rose-bg: #402b3b;
  --nav-slate: #b0bfd3;
  --nav-slate-bg: #283344;
}
#sidebar [data-nav-tone="blue"] { --nav-icon-ink: var(--nav-blue); --nav-icon-bg: var(--nav-blue-bg); }
#sidebar [data-nav-tone="teal"] { --nav-icon-ink: var(--nav-teal); --nav-icon-bg: var(--nav-teal-bg); }
#sidebar [data-nav-tone="green"] { --nav-icon-ink: var(--nav-green); --nav-icon-bg: var(--nav-green-bg); }
#sidebar [data-nav-tone="amber"] { --nav-icon-ink: var(--nav-amber); --nav-icon-bg: var(--nav-amber-bg); }
#sidebar [data-nav-tone="violet"] { --nav-icon-ink: var(--nav-violet); --nav-icon-bg: var(--nav-violet-bg); }
#sidebar [data-nav-tone="rose"] { --nav-icon-ink: var(--nav-rose); --nav-icon-bg: var(--nav-rose-bg); }
#sidebar [data-nav-tone="slate"] { --nav-icon-ink: var(--nav-slate); --nav-icon-bg: var(--nav-slate-bg); }
#atlas-app #sidebar .sb-nav .nav-item .nav-icon {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  padding: 5px;
  border-radius: 8px !important;
  color: var(--nav-icon-ink, var(--nav-blue));
  background: var(--nav-icon-bg, var(--nav-blue-bg));
  stroke-width: 1.8;
  opacity: 1;
  transition: background .16s ease, box-shadow .16s ease;
}
#atlas-app #sidebar .nav-subgroup .nav-item .nav-icon {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
  padding: 4px;
  border-radius: 7px !important;
}
#atlas-app #sidebar .nav-item:is(:hover, .active, .current) > .nav-icon {
  /* Keep each section's identity instead of making every active icon blue. */
  color: var(--nav-icon-ink, var(--nav-blue));
  box-shadow: inset 0 0 0 1px currentColor;
}
@media (prefers-reduced-motion: reduce) {
  #atlas-app #sidebar .sb-nav .nav-item .nav-icon { transition: none; }
}
@media (forced-colors: active) {
  #atlas-app #sidebar .sb-nav .nav-item .nav-icon { color: CanvasText; background: Canvas; }
}

/* Progressive enhancement: without JavaScript, submenu links remain visible. */
#atlas-app #sidebar .nav-submenu-collapsed { display: none !important; }
#atlas-app #sidebar .nav-disclosure-row { display: flex; align-items: center; gap: 2px; min-width: 0; }
#atlas-app #sidebar .nav-disclosure-row > a.nav-item { flex: 1; min-width: 0; }
#atlas-app #sidebar .nav-group-toggle {
  width: 100%;
  text-align: left;
  font-family: inherit;
  cursor: pointer;
  background: transparent;
}
#atlas-app #sidebar .nav-submenu-toggle {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ui-muted);
  cursor: pointer;
}
#atlas-app #sidebar .nav-submenu-toggle[hidden] { display: none; }
#atlas-app #sidebar :is(.nav-submenu-toggle, .nav-group-toggle):hover { background: var(--ui-surface-soft) !important; color: var(--ui-accent) !important; }
#atlas-app #sidebar :is(.nav-submenu-toggle, .nav-group-toggle):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: -2px; }
#atlas-app #sidebar .nav-submenu-chevron {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  margin-left: auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .16s ease;
}
#atlas-app #sidebar .nav-submenu-toggle .nav-submenu-chevron { margin: 0; }
#atlas-app #sidebar [aria-expanded="true"] > .nav-submenu-chevron { transform: rotate(180deg); }
@media (prefers-reduced-motion: reduce) {
  #atlas-app #sidebar .nav-submenu-chevron { transition: none; }
}