/* Scroll fino e escuro — padrão G-Lanches (WebKit + Firefox) */

:root {
    --gl-scroll-track: rgba(0, 0, 0, 0.35);
    --gl-scroll-thumb: rgba(48, 48, 52, 0.95);
    --gl-scroll-thumb-hover: rgba(72, 72, 78, 0.98);
}

html {
    scrollbar-width: thin;
    scrollbar-color: var(--gl-scroll-thumb) var(--gl-scroll-track);
}

body,
.drawer,
.submenu-float,
.modal-content,
.chart-wrap,
main,
.container {
    scrollbar-width: thin;
    scrollbar-color: var(--gl-scroll-thumb) var(--gl-scroll-track);
}

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

*::-webkit-scrollbar-track {
    background: var(--gl-scroll-track);
    border-radius: 6px;
}

*::-webkit-scrollbar-thumb {
    background: var(--gl-scroll-thumb);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

*::-webkit-scrollbar-thumb:hover {
    background: var(--gl-scroll-thumb-hover);
}

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