/* ── Sidebar: custom scrollbar + active menu (skin-blue-light) ── */

/* Thin scrollbar on the sidebar panel */
.sidebar {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.2) transparent;
}
.sidebar::-webkit-scrollbar        { width: 5px; }
.sidebar::-webkit-scrollbar-track  { background: transparent; }
.sidebar::-webkit-scrollbar-thumb  { background: rgba(0,0,0,.18); border-radius: 4px; }
.sidebar::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,.32); }

/* ── Active leaf item (sub-menu link) ── */
.sidebar-menu .treeview-menu > li.active > a {
    color: #367fa9 !important;
    font-weight: 700 !important;
    background: rgba(54,127,169,.1) !important;
    border-left: 3px solid #367fa9 !important;
    padding-left: 13px !important;
}

/* ── Active treeview parent (group header) ── */
.sidebar-menu > li.active > a,
.sidebar-menu > li.menu-open > a {
    color: #367fa9 !important;
    font-weight: 700 !important;
}

/* ── Active single top-level link (e.g. Dashboard) ── */
.sidebar-menu > li.active > a {
    background: rgba(54,127,169,.1) !important;
    border-left: 3px solid #367fa9 !important;
}