/* CodeBoost — barres de défilement (Firefox + WebKit/Chromium)
 * Utiliser sur les pages d’extension : <html class="cb-scrollbars cb-scrollbars--dark">
 * Firefox : scrollbar-width « auto » (largeur minimale confortable, pas « thin »).
 */

.cb-scrollbars--dark {
  --cb-sb-size: 11px;
  --cb-sb-track: rgba(7, 18, 12, 0.96);
  --cb-sb-thumb: rgba(76, 175, 80, 0.4);
  --cb-sb-thumb-hover: rgba(76, 175, 80, 0.6);
  --cb-sb-thumb-active: rgba(76, 175, 80, 0.75);
  --cb-sb-corner: rgba(7, 18, 12, 0.96);
}

html.cb-scrollbars.cb-scrollbars--dark,
html.cb-scrollbars.cb-scrollbars--dark * {
  scrollbar-width: auto;
  scrollbar-color: var(--cb-sb-thumb) var(--cb-sb-track);
}

html.cb-scrollbars.cb-scrollbars--dark *::-webkit-scrollbar {
  width: var(--cb-sb-size);
  height: var(--cb-sb-size);
}

html.cb-scrollbars.cb-scrollbars--dark *::-webkit-scrollbar-track {
  background: var(--cb-sb-track);
  border-radius: 9999px;
}

html.cb-scrollbars.cb-scrollbars--dark *::-webkit-scrollbar-thumb {
  background: var(--cb-sb-thumb);
  border-radius: 9999px;
  border: 2px solid var(--cb-sb-track);
  min-height: 44px;
}

html.cb-scrollbars.cb-scrollbars--dark *::-webkit-scrollbar-thumb:hover {
  background: var(--cb-sb-thumb-hover);
}

html.cb-scrollbars.cb-scrollbars--dark *::-webkit-scrollbar-thumb:active {
  background: var(--cb-sb-thumb-active);
}

html.cb-scrollbars.cb-scrollbars--dark *::-webkit-scrollbar-corner {
  background: var(--cb-sb-corner);
}
