/* The sun / moon light-dark switch (js/theme.js): in the sidebar's user row and the help centre header. */
.themetoggle { all: unset; box-sizing: border-box; cursor: pointer; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 999px; flex: none; }
.themetoggle .i { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.themetoggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.side .themetoggle { color: var(--side-muted); }
.side .themetoggle:hover { background: var(--side-hover); color: var(--side-fg); }
.help-top .themetoggle { color: var(--fg); border: 1px solid var(--line); }
.help-top .themetoggle:hover { background: var(--surface-2); }
.help-actions { display: flex; align-items: center; gap: 8px; }