/* AWANTA — Bildlaufleisten, seitenweit (2026-08-15).

   Vorher trug jede Seite ausser dem Adminpanel die graue Voreinstellung des
   Browsers: ein heller Balken direkt neben einem fast schwarzen Layout.

   ── WARUM DIESE DATEI AUSSERHALB VON _ds LIEGT ────────────────────────────
   Eingebunden wird sie ueber einen @import in
   _ds/moulaga-nui-…/styles.css — der Datei, die ALLE elf .dc.html-Seiten
   laden. Der Ordner _ds ist aber ein Export des Design-Systems: was dort
   liegt, kann beim naechsten Export ueberschrieben werden. Deshalb steht der
   Inhalt hier im Webroot und dort nur die eine Import-Zeile. Geht die
   verloren, ist eine Zeile nachzutragen statt der ganze Regelsatz.

   ⚠️ ZWEI SCHREIBWEISEN, weil sie sich nicht ueberschneiden: Firefox kennt
   ausschliesslich scrollbar-color/-width, Chromium (und der CEF-Browser des
   Spiels) ausschliesslich ::-webkit-scrollbar. Wer nur eine setzt, laesst die
   halbe Nutzerschaft auf Grau sitzen.

   ⚠️ NUR html/body, NIEMALS `*`. Ein Universalselektor zieht jede
   verschachtelte Flaeche mit — und mehrere Seiten haben bewusst eigene
   Leisten: das Adminpanel eine schmalere fuer seine Listen (.aw-list), der
   Shop eine ABSICHTLICH unsichtbare fuer die waagerechte Kategorienleiste
   (.shop-catslist { scrollbar-width:none }). Mit `*` waeren beide platt.

   Farbwerte 1:1 aus dem Adminpanel; dort stehen sie als Literale, weil die
   CSS-Variablen (--aw-line-soft &co.) nur in dessen :root existieren. */

html {
    scrollbar-width: thin;
    scrollbar-color: #6d1416 #0a0506;   /* Griff, Spur */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar { width: 13px; height: 13px; }

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #0a0506;
    border-left: 1px solid #2a1315;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #7d1618 0%, #4a0f11 100%);
    /* Rand statt Aussenabstand: erzeugt die Luft zur Spur, ohne ein zweites
       Element und ohne die Breite des Griffs zu veraendern. */
    border: 3px solid #0a0506;
    border-radius: 99px;
}

/* Hover ausschliesslich ueber background — box-shadow-Animationen und
   backdrop-filter sind im Haus gesperrt (CEF103-Grenze), und eine Leiste ist
   genau die Stelle, an der ein Uebergang sichtbar ruckelt. */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #a81c1f 0%, #6d1416 100%);
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner { background: #0a0506; }