/*
 * Barra de rolagem padrão do KANIS: fina e roxa, em qualquer parte do sistema.
 *
 * Incluída em todos os layouts base (shared/layout, client_area/base, mobile/base)
 * e nas páginas soltas (logins, páginas públicas, painéis de TV). Os seletores são
 * genéricos (especificidade 0,0,1): uma tela que precise de outra espessura (ex: a
 * barra horizontal do Kanban) define a sua com uma classe e só troca o tamanho —
 * a cor continua a daqui.
 */
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

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

*::-webkit-scrollbar-thumb {
    background-color: #6B21A8;
    border-radius: 6px;
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #4C1D95;
}

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

/*
 * Firefox não tem ::-webkit-scrollbar. As propriedades padrão ficam só nele:
 * no Chrome 121+, scrollbar-color/scrollbar-width num elemento anulam todo o
 * ::-webkit-scrollbar dele (inclusive espessuras próprias das telas).
 */
@supports (-moz-appearance: none) {
    * {
        scrollbar-width: thin;
        scrollbar-color: #6B21A8 transparent;
    }
}