/* ========================================
   CUSTOM SCROLLBAR
   ======================================== */

/* Session View Scrollbar */
#session-view {
    scrollbar-gutter: stable;
    overflow-y: auto;
    height: 100vh;
}

/* Override body overflow when session-view is visible */
body:has(#session-view:not(.hidden)) {
    overflow: auto;
}

#session-view::-webkit-scrollbar {
    width: 8px;
}

#session-view::-webkit-scrollbar-track {
    background: #101a22;
}

#session-view::-webkit-scrollbar-thumb {
    background: #283239;
    border-radius: 4px;
}

#session-view::-webkit-scrollbar-thumb:hover {
    background: #2b9dee;
}

/* Custom Scrollbar Utility */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #111518;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #283239;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #3a4852;
}

/* Global scrollbar for dark mode */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #111518;
}

::-webkit-scrollbar-thumb {
    background: #283239;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #3a4852;
}

/* Rundown Panel scrollbar */
#panel-rundown ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

#panel-rundown ::-webkit-scrollbar-track {
    background: #101a22;
}

#panel-rundown ::-webkit-scrollbar-thumb {
    background: #2c363f;
    border-radius: 4px;
}

#panel-rundown ::-webkit-scrollbar-thumb:hover {
    background: #3b4954;
}

/* Rundown Table Wrapper Scrollbar */
.rundown-table-wrapper::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.rundown-table-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.rundown-table-wrapper::-webkit-scrollbar-thumb {
    background: var(--rundown-accent);
    border-radius: 3px;
}