/* Custom Scrollbar Styles - Hidden by default, visible on hover */

/* For Webkit browsers (Chrome, Safari, Edge) */
.scrollable-container {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease;
}

.scrollable-container:hover {
    scrollbar-color: #475569 #1e293b;
}

.scrollable-container::-webkit-scrollbar {
    width: 6px;
}

.scrollable-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.scrollable-container:hover::-webkit-scrollbar-track {
    background: #1e293b;
}

.scrollable-container::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    transition: background 0.3s ease;
}

.scrollable-container:hover::-webkit-scrollbar-thumb {
    background: #475569;
}

.scrollable-container::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* For horizontal scrolling */
.scrollable-container-horizontal {
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    transition: scrollbar-color 0.3s ease;
}

.scrollable-container-horizontal:hover {
    scrollbar-color: #475569 #1e293b;
}

.scrollable-container-horizontal::-webkit-scrollbar {
    height: 6px;
}

.scrollable-container-horizontal::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
}

.scrollable-container-horizontal:hover::-webkit-scrollbar-track {
    background: #1e293b;
}

.scrollable-container-horizontal::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 10px;
    transition: background 0.3s ease;
}

.scrollable-container-horizontal:hover::-webkit-scrollbar-thumb {
    background: #475569;
}

.scrollable-container-horizontal::-webkit-scrollbar-thumb:hover {
    background: #64748b;
}

/* Export modal Document tab: keep PDF preview area white (no dark side bars) */
.pdf-doc-viewer-wrap,
.pdf-doc-viewer-wrap > div {
    background: #ffffff !important;
}