/* AURA_GX_DISPLAY_CONSISTENCY_V1
   Gemensamma, diskreta scrollbars för Firefox och Chromium/Qt WebEngine. */

:root {
  scrollbar-color: #7b3a33 #080c13;
  scrollbar-width: thin;
}

* {
  scrollbar-color: #7b3a33 #080c13;
  scrollbar-width: thin;
}

@supports (color: color-mix(in srgb, #fff 50%, #000)) {
  :root,
  * {
    scrollbar-color:
      color-mix(in srgb, var(--accent, #ff5a48) 58%, #3e4653)
      color-mix(in srgb, var(--bg, #070b12) 84%, transparent);
  }
}

*::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

*::-webkit-scrollbar-track {
  background: rgba(4, 7, 12, .42);
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  min-height: 38px;
  border: 2px solid transparent;
  border-radius: 999px;
  background:
    linear-gradient(
      180deg,
      rgba(255, 112, 82, .72),
      rgba(160, 48, 43, .62)
    ) padding-box;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, .045),
    0 0 10px rgba(255, 78, 59, .08);
}

*::-webkit-scrollbar-thumb:hover {
  background:
    linear-gradient(
      180deg,
      rgba(255, 126, 91, .92),
      rgba(196, 53, 43, .84)
    ) padding-box;
}

*::-webkit-scrollbar-thumb:active {
  background:
    linear-gradient(
      180deg,
      rgba(255, 151, 108, .98),
      rgba(225, 67, 43, .92)
    ) padding-box;
}

*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}

/* Små horisontella listor ska kännas som diskreta spår, inte systemreglage. */
.workspace-nav::-webkit-scrollbar,
.drawer-tabs::-webkit-scrollbar,
.reference-grid::-webkit-scrollbar,
.background-library-tabs::-webkit-scrollbar,
.research-dossier-nav::-webkit-scrollbar,
.message-table-wrap::-webkit-scrollbar {
  height: 7px;
}

textarea::-webkit-scrollbar,
pre::-webkit-scrollbar,
code::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}