/* The scrollbar of the whole system (2026-10-16): thin, rounded, coloured from the page's own ink so it follows the light and dark identity, never the grey Windows bar. One file for the shell and every module; a page must not define its own ::-webkit-scrollbar rules. Do not set scrollbar-width / scrollbar-color on elements that should show a bar: Chromium then ignores these rules. */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--ink, #94a3b8) 30%, transparent); border: 2px solid transparent; background-clip: padding-box; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--ink, #94a3b8) 50%, transparent); border: 2px solid transparent; background-clip: padding-box; }
::-webkit-scrollbar-corner { background: transparent; }
/* 2026-10-20: the older .custom-scrollbar class (styles-new.css) paints a dark track and a GOLD thumb in both themes; in the light theme that looked wrong (Manar, Settings). In the light theme it follows the same ink-based bar as everything else. The dark theme is unchanged. */
html.mn-light .custom-scrollbar::-webkit-scrollbar-track, body.light-mode .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
html.mn-light .custom-scrollbar::-webkit-scrollbar-thumb, body.light-mode .custom-scrollbar::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--ink, #94a3b8) 30%, transparent); border: 2px solid transparent; background-clip: padding-box; border-radius: 8px; }
html.mn-light .custom-scrollbar::-webkit-scrollbar-thumb:hover, body.light-mode .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: color-mix(in srgb, var(--ink, #94a3b8) 50%, transparent); border: 2px solid transparent; background-clip: padding-box; }
html.mn-light .custom-scrollbar::-webkit-scrollbar, body.light-mode .custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }