/**
 * Sidebar Scroll Fix - CSS
 * Special CSS rules to ensure consistent sidebar scrolling across all pages
 */

/* Fix sidebar scrollbar appearance */
.sidebar::-webkit-scrollbar,
nav.sidebar::-webkit-scrollbar,
.wrapper .sidebar::-webkit-scrollbar,
.d-flex .sidebar::-webkit-scrollbar,
body .sidebar::-webkit-scrollbar,
html body .sidebar::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
}

.sidebar::-webkit-scrollbar-track,
nav.sidebar::-webkit-scrollbar-track,
.wrapper .sidebar::-webkit-scrollbar-track,
.d-flex .sidebar::-webkit-scrollbar-track,
body .sidebar::-webkit-scrollbar-track,
html body .sidebar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 3px !important;
}

.sidebar::-webkit-scrollbar-thumb,
nav.sidebar::-webkit-scrollbar-thumb,
.wrapper .sidebar::-webkit-scrollbar-thumb,
.d-flex .sidebar::-webkit-scrollbar-thumb,
body .sidebar::-webkit-scrollbar-thumb,
html body .sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3) !important;
    border-radius: 3px !important;
}

.sidebar::-webkit-scrollbar-thumb:hover,
nav.sidebar::-webkit-scrollbar-thumb:hover,
.wrapper .sidebar::-webkit-scrollbar-thumb:hover,
.d-flex .sidebar::-webkit-scrollbar-thumb:hover,
body .sidebar::-webkit-scrollbar-thumb:hover,
html body .sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* Fix sidebar core properties */
.sidebar,
nav.sidebar,
.wrapper .sidebar,
.d-flex .sidebar,
body .sidebar,
html body .sidebar {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 250px !important;
    height: calc(100vh - 56px) !important;
    z-index: 1000 !important;
    background-color: #054f49 !important;
    color: white !important;
    scrollbar-width: thin !important; /* Firefox */
    scrollbar-color: rgba(255, 255, 255, 0.3) rgba(255, 255, 255, 0.1) !important; /* Firefox */
}

/* Fix position-sticky to ensure proper scrolling */
.sidebar .position-sticky,
nav.sidebar .position-sticky,
.wrapper .sidebar .position-sticky,
.d-flex .sidebar .position-sticky,
body .sidebar .position-sticky,
html body .sidebar .position-sticky {
    position: relative !important;
    top: 0 !important;
    max-height: 100% !important;
    overflow-y: visible !important;
}