/* BilgiKesfi.com v145 - mobile background + fixed sidebar brand */
/* A solid root and body color removes deferred fixed-gradient repaint and
   hides the exposed overscroll canvas in supported mobile browsers. */
html:has(body[data-bnx-public="v145"]){
 background:#edf2f7 !important;
 overscroll-behavior-y:none;
}
body[data-bnx-public="v145"]:not(.dark-theme){
 background:#edf2f7 !important;
 background-color:#edf2f7 !important;
 background-image:none !important;
 background-attachment:scroll !important;
 min-height:100vh;
 min-height:100dvh;
 overscroll-behavior-y:none;
}
html:has(body[data-bnx-public="v145"].dark-theme){background:#08162e !important;}
body[data-bnx-public="v145"].dark-theme{
 background:#08162e !important;
 background-color:#08162e !important;
 background-image:none !important;
 background-attachment:scroll !important;
 overscroll-behavior-y:none;
}
/* The whole original .sidebar scrolled. Keep the brand fixed and scroll
   navigation independently; this prevents the logo being half hidden. */
#sidebar{
 display:flex !important;
 flex-direction:column !important;
 overflow:hidden !important;
 height:100vh !important;
 height:100dvh !important;
 max-height:100dvh !important;
 overscroll-behavior:contain;
 padding-top:max(12px, env(safe-area-inset-top)) !important;
 padding-bottom:max(10px, env(safe-area-inset-bottom)) !important;
}
#sidebar .bnx-sidebar-brand{
 display:flex !important;
 flex:none !important;
 position:relative;
 z-index:1;
 justify-content:center !important;
 align-items:flex-start !important;
 margin:0 5px 9px !important;
 padding:0 0 7px !important;
 width:calc(100% - 10px) !important;
 min-height:0 !important;
 max-height:none !important;
 overflow:visible !important;
}
#sidebar .bnx-sidebar-brand img{
 display:block !important;
 box-sizing:border-box;
 width:100% !important;
 max-width:157px !important;
 height:48px !important;
 max-height:48px !important;
 object-fit:contain !important;
 object-position:left center !important;
 flex:none !important;
}
#sidebar .bnx-sidebar-caption{
 font-size:10px !important;
 padding-left:1px !important;
 line-height:1.25 !important;
 color:#aabbd1 !important;
}
#sidebar #nav{
 flex:1 1 auto !important;
 min-height:0 !important;
 overflow-y:auto !important;
 overflow-x:hidden !important;
 overscroll-behavior:contain;
 touch-action:pan-y;
 -webkit-overflow-scrolling:touch;
 scroll-padding-top:8px;
}
#sidebar .sidebar-bottom,#sidebar .bnx-logout-form{flex:0 0 auto !important;}
@media(max-width:900px){
 #sidebar {padding-top:max(12px, env(safe-area-inset-top)) !important;}
 #sidebar .bnx-sidebar-brand img{max-width:148px !important; height:44px !important;max-height:44px !important;}
}