/* Scroller — host theme on every bar, including popup lists.
   Colour: --mf (Manage Case overlay), then --accent, then --dp-accent. */

html.dk-scroller {
  --dk-scroll: var(--mf, var(--accent, var(--dp-accent, #2e9e4f)));
  --dk-scroll-track: color-mix(in srgb, var(--dk-scroll) 11%, #f4f6fa);
  scrollbar-width: thin;
  scrollbar-color: var(--dk-scroll) var(--dk-scroll-track);
}

html.dk-scroller * {
  scrollbar-width: thin;
  scrollbar-color: var(--mf, var(--accent, var(--dp-accent, var(--dk-scroll, #2e9e4f))))
    color-mix(in srgb, var(--mf, var(--accent, var(--dp-accent, var(--dk-scroll, #2e9e4f)))) 11%, #f4f6fa);
}

html.dk-scroller *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
html.dk-scroller *::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
html.dk-scroller *::-webkit-scrollbar-corner {
  background: color-mix(in srgb, var(--mf, var(--accent, var(--dp-accent, #2e9e4f))) 11%, #f4f6fa);
}
html.dk-scroller *::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--mf, var(--accent, var(--dp-accent, #2e9e4f))) 11%, #f4f6fa);
  border-radius: 8px;
}
html.dk-scroller *::-webkit-scrollbar-thumb {
  background: var(--mf, var(--accent, var(--dp-accent, #2e9e4f)));
  border-radius: 8px;
  border: 2px solid color-mix(in srgb, var(--mf, var(--accent, var(--dp-accent, #2e9e4f))) 11%, #f4f6fa);
}
html.dk-scroller *::-webkit-scrollbar-thumb:hover {
  filter: brightness(1.08);
}

/* Overlays and lists inherit --mf from the sheet, even if html has only --accent. */
html.dk-scroller .dk-mf-scr,
html.dk-scroller .dk-del-scr,
html.dk-scroller .dk-mf-drop,
html.dk-scroller .dk-mf-dpop,
html.dk-scroller .dk-mf-cpop {
  scrollbar-width: thin;
  scrollbar-color: var(--mf, var(--accent, var(--dp-accent, #2e9e4f)))
    color-mix(in srgb, var(--mf, var(--accent, var(--dp-accent, #2e9e4f))) 11%, #f4f6fa);
}