/**
 * scrollbars.css — Barras de rolagem personalizadas
 *
 * Usado pelas páginas que NÃO carregam painel/css/admin.css
 * (login, recuperação de senha, portal do afiliado, página de erro).
 * O painel já define as mesmas regras em admin.css usando as variáveis do tema.
 *
 * Aqui o esquema é: claro por padrão e escuro quando o sistema operacional
 * pede (prefers-color-scheme: dark).
 */

:root {
    --scroll-track: #eef2f7;
    --scroll-thumb: #cbd5e1;
    --scroll-thumb-hover: #94a3b8;
}

@media (prefers-color-scheme: dark) {
    :root {
        --scroll-track: #0f172a;
        --scroll-thumb: #334155;
        --scroll-thumb-hover: #475569;
    }
}

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

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: var(--scroll-track);
}
::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb);
    border: 2px solid var(--scroll-track);
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-thumb-hover);
}
::-webkit-scrollbar-corner {
    background: var(--scroll-track);
}