/**
 * Clairval scrollbars — chargé EN DERNIER (après thèmes / moon / essence).
 * Couleurs solides (pas de color-mix) pour Safari / WebKit.
 * -webkit-appearance:none force une vraie barre stylable (vs overlay macOS).
 */
html,
body,
* {
    scrollbar-width: thin !important;
    scrollbar-color: #c4755a #1e1d23 !important;
}

/* Largeur obligatoire en WebKit, sinon le thumb est ignoré */
::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 10px !important;
    height: 10px !important;
    background: transparent !important;
}
::-webkit-scrollbar-track {
    -webkit-appearance: none !important;
    background: #1e1d23 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
::-webkit-scrollbar-thumb {
    -webkit-appearance: none !important;
    background-color: #c4755a !important;
    background-image: none !important;
    border: 2px solid #1e1d23 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}
::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active {
    background-color: #d4896e !important;
}
::-webkit-scrollbar-corner {
    background: #1e1d23 !important;
}
::-webkit-scrollbar-button {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* Rails / panneaux fréquents (spécificité + Safari) */
#community-sidebar::-webkit-scrollbar,
#guest-sidebar::-webkit-scrollbar,
#lobby-party-sidebar::-webkit-scrollbar,
#chat::-webkit-scrollbar,
.chat-messages::-webkit-scrollbar,
.scroll-area::-webkit-scrollbar,
.cv-game-modal-body::-webkit-scrollbar,
.modal-body::-webkit-scrollbar,
.roles-grid::-webkit-scrollbar,
#roles-grid::-webkit-scrollbar,
.right-panel .actions-card::-webkit-scrollbar,
.global-gift-panel::-webkit-scrollbar,
.floating-nav::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 10px !important;
    height: 10px !important;
}
#community-sidebar::-webkit-scrollbar-thumb,
#guest-sidebar::-webkit-scrollbar-thumb,
#lobby-party-sidebar::-webkit-scrollbar-thumb,
#chat::-webkit-scrollbar-thumb,
.chat-messages::-webkit-scrollbar-thumb,
.scroll-area::-webkit-scrollbar-thumb,
.cv-game-modal-body::-webkit-scrollbar-thumb,
.modal-body::-webkit-scrollbar-thumb,
.roles-grid::-webkit-scrollbar-thumb,
#roles-grid::-webkit-scrollbar-thumb,
.right-panel .actions-card::-webkit-scrollbar-thumb,
.global-gift-panel::-webkit-scrollbar-thumb,
.floating-nav::-webkit-scrollbar-thumb {
    background-color: #c4755a !important;
    background-image: none !important;
    border: 2px solid #1e1d23 !important;
    border-radius: 6px !important;
}
#community-sidebar::-webkit-scrollbar-track,
#guest-sidebar::-webkit-scrollbar-track,
#lobby-party-sidebar::-webkit-scrollbar-track,
#chat::-webkit-scrollbar-track,
.chat-messages::-webkit-scrollbar-track,
.scroll-area::-webkit-scrollbar-track,
.cv-game-modal-body::-webkit-scrollbar-track,
.modal-body::-webkit-scrollbar-track,
.roles-grid::-webkit-scrollbar-track,
#roles-grid::-webkit-scrollbar-track,
.right-panel .actions-card::-webkit-scrollbar-track,
.global-gift-panel::-webkit-scrollbar-track,
.floating-nav::-webkit-scrollbar-track {
    background: #1e1d23 !important;
}


/* Zone principale Clairval (html/body overflow:hidden — le scroll est ici) */
.scroll-area,
.scroll-area.has-community-submenu,
body.has-floating-layout .scroll-area {
    scrollbar-width: thin !important;
    scrollbar-color: #c4755a #1e1d23 !important;
}
.scroll-area::-webkit-scrollbar,
.scroll-area.has-community-submenu::-webkit-scrollbar,
body.has-floating-layout .scroll-area::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 12px !important;
    height: 12px !important;
    background: #1e1d23 !important;
}
.scroll-area::-webkit-scrollbar-track,
body.has-floating-layout .scroll-area::-webkit-scrollbar-track {
    background: #1e1d23 !important;
}
.scroll-area::-webkit-scrollbar-thumb,
body.has-floating-layout .scroll-area::-webkit-scrollbar-thumb {
    background-color: #c4755a !important;
    border: 2px solid #1e1d23 !important;
    border-radius: 6px !important;
}
.scroll-area::-webkit-scrollbar-thumb:hover,
body.has-floating-layout .scroll-area::-webkit-scrollbar-thumb:hover {
    background-color: #d4896e !important;
}