/* --- Dark mode toggle ------------------------------------------------------ */
/* it lives in the sidebar foot, so it inherits .sb-foot-btn — the only extra
   here is the state pill on the right. */

#themeToggle { cursor: pointer; }

#themeToggle .sb-state {
  margin-left: auto; font-size: 11px; font-weight: 700;
  color: var(--text-muted); background: var(--surface-3);
  padding: 1px 7px; border-radius: 99px;
  text-transform: uppercase; letter-spacing: .04em;
}
#themeToggle:hover .sb-state { color: var(--text); }