.custom-scrollbar::-webkit-scrollbar,
#chat-messages-container::-webkit-scrollbar,
.ace_scrollbar::-webkit-scrollbar,
.sidebar-view::-webkit-scrollbar,
.sidebar-content::-webkit-scrollbar,
#terminal-output::-webkit-scrollbar,
#whiteboard-scroll-area::-webkit-scrollbar,
#kanban-board-wrapper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    display: block;
}

.custom-scrollbar::-webkit-scrollbar-track,
#chat-messages-container::-webkit-scrollbar-track,
.ace_scrollbar::-webkit-scrollbar-track,
.sidebar-view::-webkit-scrollbar-track,
.sidebar-content::-webkit-scrollbar-track,
#terminal-output::-webkit-scrollbar-track,
#whiteboard-scroll-area::-webkit-scrollbar-track,
#kanban-board-wrapper::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px;
}

.custom-scrollbar::-webkit-scrollbar-thumb,
#chat-messages-container::-webkit-scrollbar-thumb,
.ace_scrollbar::-webkit-scrollbar-thumb,
.sidebar-view::-webkit-scrollbar-thumb,
.sidebar-content::-webkit-scrollbar-thumb,
#terminal-output::-webkit-scrollbar-thumb,
#whiteboard-scroll-area::-webkit-scrollbar-thumb,
#kanban-board-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: 6px;
    border: 3px solid transparent;
    background-clip: content-box;
    transition: background-color 0.2s ease;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover,
#chat-messages-container::-webkit-scrollbar-thumb:hover,
.ace_scrollbar::-webkit-scrollbar-thumb:hover,
.sidebar-view::-webkit-scrollbar-thumb:hover,
.sidebar-content::-webkit-scrollbar-thumb:hover,
#terminal-output::-webkit-scrollbar-thumb:hover,
#whiteboard-scroll-area::-webkit-scrollbar-thumb:hover,
#kanban-board-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

#kanban-board-wrapper::-webkit-scrollbar-track { margin: 0 10px; }

html.dark-mode .kanban-list::-webkit-scrollbar { width: 6px; }

html.dark-mode .kanban-list::-webkit-scrollbar-thumb {
    background-color: #3f3f46;
    border-radius: 10px;
}

#tabs::-webkit-scrollbar { display: none; }