/* Shared minimal navigation; fill is the selected palette, never a fixed blue. */
html body .sidebar .nav-button .shared-nav-icon {
  width: 24px; height: 24px; flex: 0 0 24px;
  fill: none; stroke: currentColor; stroke-width: 1.8;
  stroke-linecap: round; stroke-linejoin: round;
  color: var(--muted); opacity: 1; filter: none !important;
}
.shared-nav-icon .nav-solid { display: none; }
html body .sidebar .nav-button.is-active .shared-nav-icon { color: var(--accent); }
.sidebar .nav-button.is-active .shared-nav-icon .nav-outline { display: none; }
.sidebar .nav-button.is-active .shared-nav-icon .nav-solid { display: block; fill: currentColor; stroke-width: 1.2; }
.shared-nav-icon .nav-cutout { fill: none; stroke: var(--paper); stroke-width: 1.8; }
html body .sidebar .nav-button:is(.is-active, :hover) { background: transparent; box-shadow: none; }
html body .sidebar .nav-button.is-active { color: var(--accent); }
.user-initials {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; flex: 0 0 32px;
  border: 1px solid var(--line); border-radius: 50%;
  color: var(--ink); background: var(--paper);
  font: 600 12px/1 var(--font-body, sans-serif); letter-spacing: .02em;
}
html body #todayView .today-settings-button {
  width: 44px; height: 44px; min-width: 44px; min-height: 44px;
  padding: 0; border-radius: 50%; background: var(--paper);
  border: 1px solid var(--line); box-shadow: none;
}
.today-settings-button .user-initials { width: 100%; height: 100%; border: 0; font-size: 14px; }
.sidebar [data-go="settings"].is-active .user-initials { background: var(--accent); color: var(--paper); border-color: var(--accent); }