/*
 * EkoTerm global scrollbar design
 * Applies to the page and all nested scrolling panes: CRM, deals, contacts,
 * companies, settings dialogs, tables, comments, tasks and messenger.
 * Native hidden scrollbars remain hidden; scrolling and page layout are unchanged.
 */
:root {
    --ek-scroll-thumb: #B6DDC7;
    --ek-scroll-thumb-hover: #7CC5A0;
    --ek-scroll-track: #F3FAF6;
}

html,
body,
body * {
    scrollbar-color: var(--ek-scroll-thumb) var(--ek-scroll-track) !important;
}

/* Preserve intentionally hidden chat avatars' scroll indicator. */
html,
body,
body *:not(.chat-sidebar-inner) {
    scrollbar-width: thin;
}

/* Chromium, WebKit and older browser fallbacks. */
html::-webkit-scrollbar,
body::-webkit-scrollbar,
body *::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
body *::-webkit-scrollbar-track {
    background: var(--ek-scroll-track) !important;
    border-radius: 12px;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
body *::-webkit-scrollbar-thumb {
    background: var(--ek-scroll-thumb) !important;
    border: 2px solid var(--ek-scroll-track);
    border-radius: 12px;
    background-clip: padding-box;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
body *::-webkit-scrollbar-thumb:hover {
    background: var(--ek-scroll-thumb-hover) !important;
}
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
body *::-webkit-scrollbar-corner {
    background: var(--ek-scroll-track);
}

/* Do not reveal the intentionally hidden mini-scrollbar in the staff sidebar. */
.chat-sidebar-inner {
    scrollbar-width: none !important;
}
.chat-sidebar-inner::-webkit-scrollbar {
    display: none !important;
}