
/* Sidebar: (a) 900-1099px keeps labels, 700-899px is a true icon rail;
   (b) short windows (e.g. 1030x585): the menu list scrolls and compacts so every item stays reachable. */
@media screen and (min-width:900px) and (max-width:1099px){
  html body .sidebar{width:230px!important;min-width:230px!important;max-width:230px!important;flex:0 0 230px!important;}
  html body .sidebar .logo-container{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:left!important;position:relative!important;padding:10px 18px 12px 70px!important;min-height:82px!important;}
  html body .sidebar .logo-container:before{margin:0!important;}
  html body .sidebar .logo,html body .sidebar .proprietor,html body .sidebar-brand-footer{display:block!important;}
  html body .sidebar .nav-item{padding:10px 18px!important;justify-content:flex-start!important;gap:11px!important;border-left-width:3px!important;}
  html body .sidebar .nav-item>span:not(.nav-svg){display:inline!important;}
  html body .main-content{width:calc(100vw - 230px)!important;}
}
@media screen and (min-width:700px) and (max-width:899px){
  html body .sidebar{width:76px!important;min-width:76px!important;max-width:76px!important;flex:0 0 76px!important;}
  html body .main-content{width:calc(100vw - 76px)!important;}
}
@media screen and (max-height:760px){
  html body .sidebar{display:flex!important;flex-direction:column!important;overflow:hidden!important;}
  html body .sidebar .nav-menu{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#3a5578 transparent!important;}
  html body .sidebar .nav-menu::-webkit-scrollbar{display:block!important;width:5px!important;height:auto!important;}
  html body .sidebar .nav-menu::-webkit-scrollbar-thumb{background:#3a5578;border-radius:6px;}
  html body .sidebar .sidebar-brand-footer{flex:0 0 auto!important;}
}
@media screen and (max-height:680px){
  html body .sidebar .nav-item{height:34px!important;min-height:34px!important;padding-top:4px!important;padding-bottom:4px!important;font-size:12.5px!important;margin:1px 0!important;}
  html body .sidebar .logo{font-size:1.05rem!important;}
  html body .sidebar .proprietor{font-size:.66rem!important;margin-top:2px!important;}
  html body .sidebar .sidebar-brand-card{padding-top:6px!important;padding-bottom:6px!important;}
}
@media screen and (min-width:700px) and (max-height:680px){
  html body .sidebar .logo-container{min-height:60px!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;}
  html body .sidebar .logo-container:before{top:10px!important;}
}
@media screen and (max-height:600px){
  html body .sidebar .nav-item{height:32px!important;min-height:32px!important;}
  html body .sidebar .sidebar-brand-minor{display:none!important;}
}
@media screen and (max-height:540px){
  html body .sidebar .sidebar-brand-footer{display:none!important;}
}
