/* Every scroll area gets Avalon's theme automatically, including new panels.
   Keep mmo-scroll as the explicit marker used by existing DOM components. */
*, .mmo-scroll {
  scrollbar-width: thin;
  scrollbar-color: #6b5636 var(--mmo-scroll-track, rgba(0, 0, 0, .25));
}
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: var(--mmo-scroll-track, rgba(0, 0, 0, .25)); border-radius: 4px; }
*::-webkit-scrollbar-thumb { background: #6b5636; border: 1px solid #3a2f1e; border-radius: 4px; }
*::-webkit-scrollbar-thumb:hover { background: #8a7145; }
*::-webkit-scrollbar-corner { background: rgba(0, 0, 0, .25); }

/* Chromium gives the standard properties above priority over the custom
   thumb/track rules. Let its WebKit styling draw our rounded, bordered thumb
   instead; browsers without that selector keep the standard color fallback. */
@supports selector(::-webkit-scrollbar) {
  *, .mmo-scroll { scrollbar-width: auto; scrollbar-color: auto; }
  *::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
}