/* ===========================================
   SCROLLBAR UTILITY CLASSES
   ===========================================

   Shared thin scrollbar styles. Apply one of these
   classes to any scrolling container instead of
   redefining ::-webkit-scrollbar rules per component.

   .scroll-lime    — lime-green thumb, for terminal/chat/logs surfaces
   .scroll-muted   — white rgba thumb, for docs/side-nav surfaces
   .scroll-neutral — charcoal thumb, for admin/backtest surfaces
   =========================================== */

.scroll-lime::-webkit-scrollbar {
    width: 6px;
}

.scroll-lime::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-lime::-webkit-scrollbar-thumb {
    background: rgba(184, 248, 78, 0.2);
    border-radius: 3px;
}

.scroll-lime::-webkit-scrollbar-thumb:hover {
    background: rgba(184, 248, 78, 0.4);
}

.scroll-muted::-webkit-scrollbar {
    width: 6px;
}

.scroll-muted::-webkit-scrollbar-track {
    background: transparent;
}

.scroll-muted::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.scroll-muted::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.2);
}

.scroll-neutral::-webkit-scrollbar {
    width: 6px;
}

.scroll-neutral::-webkit-scrollbar-track {
    background: var(--degen-border-muted);
}

.scroll-neutral::-webkit-scrollbar-thumb {
    background: var(--degen-border-default);
    border-radius: 3px;
}