/* Sidebar (collapsed/expanded) styles - Desktop + Mobile responsive */
.toggler_btn_dv .navbar-toggler.sidebar-toggle{display:block!important}
#sidenav-main .toggler_btn_dv{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto}
.navbar-toggler.hamburger-toggle{border:none;outline:none;padding:0;margin:0;background:transparent;display:inline-flex;align-items:center;justify-content:center}
.hamburger-toggle-line{display:block;width:24px;height:2px;background-color:currentColor;margin:4px 0;border-radius:1px}
.navbar-toggler:focus{box-shadow:none}
.hamburger-toggle{width:36px;height:36px;border-radius:0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;margin-right:1rem;transition:background-color .2s,border-color .2s;color:#fff}
.hamburger-toggle:focus{outline:none;box-shadow:0 0 0 .15rem rgba(255,255,255,.35)}
.hamburger-toggle:hover{background-color:rgba(255,255,255,.12);border-color:#fff}
.hamburger-toggle-line{display:block;width:18px;height:2px;background-color:currentColor;margin:3px 0;transition:transform .2s,opacity .2s}
#sidenav-main .hamburger-toggle{color:#32325d;border-color:rgba(50,50,93,.35);margin-right:0}
#sidenav-main .hamburger-toggle:hover{background-color:rgba(50,50,93,.08)}
#sidenav-main.navbar-expand-md .navbar-toggler{display:inline-flex!important}
#navbar-main.custom-nav .hamburger-toggle{border-color:rgba(50,50,93,.35);color:#32325d}
#navbar-main.custom-nav .hamburger-toggle:hover{background-color:rgba(50,50,93,.08)}
body.sidebar-collapsed .hamburger-toggle-line:nth-child(2){opacity:0}
body.sidebar-collapsed .hamburger-toggle-line:first-child{transform:translateY(5px) rotate(45deg)}
body.sidebar-collapsed .hamburger-toggle-line:last-child{transform:translateY(-5px) rotate(-45deg)}
body.sidebar-collapsed .hamburger-toggle{border-color:rgba(80,147,255,.65)}
body.sidebar-collapsed .hamburger-toggle-line{background:linear-gradient(90deg,#7c3aed 0%,#4895ff 100%)}
#sidenav-main{transition:width .3s,background-color .3s,box-shadow .3s;z-index:2000!important;overflow-x:hidden}
@media(min-width:768px){body.sidebar-collapsed #sidenav-main{-ms-overflow-style:none;scrollbar-width:none}body.sidebar-collapsed #sidenav-main::-webkit-scrollbar{width:0;height:0}}
#sidenav-main .img_tog_div{position:sticky;top:0;z-index:2001;background:inherit}
body.sidebar-collapsed #sidenav-main.navbar-vertical{width:82px;min-width:82px;background-color:#272830!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.04);padding-left:0!important;padding-right:0!important;border-width:0!important}
body.sidebar-collapsed #sidenav-main .navbar-brand,body.sidebar-collapsed #sidenav-main .navbar-collapse-header,body.sidebar-collapsed #sidenav-main ul.nav.align-items-center,body.sidebar-collapsed #sidenav-main hr,body.sidebar-collapsed #sidenav-main h6.navbar-heading,body.sidebar-collapsed #sidenav-main .alert{display:none!important}
body.sidebar-collapsed #sidenav-main .navbar-nav{margin-top:1rem;margin-left:0!important;margin-right:0!important}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item{width:100%}
body.sidebar-collapsed #sidenav-main.navbar-expand-md .navbar-collapse{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link{display:flex!important;align-items:center!important;justify-content:center!important;padding:.95rem 0!important;padding-left:0!important;padding-right:0!important;text-align:center!important;border-radius:0;background:#33333c;margin-bottom:4px;font-size:0!important;color:transparent!important;position:relative;transition:background-color .2s,color .2s;overflow:hidden}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link::after,body.sidebar-collapsed #sidenav-main .navbar-nav .nav-link[data-toggle=collapse]::after{content:none!important;display:none!important}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-link[data-toggle=collapse]:after,body.sidebar-collapsed #sidenav-main .navbar-nav .nav-link[data-toggle=collapse][aria-expanded=true]:after,body.sidebar-collapsed #sidenav-main .navbar-nav .nav-link[data-toggle=collapse][aria-expanded=false]:after{content:none!important;display:none!important}
body.sidebar-collapsed #sidenav-main.navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]::after,body.sidebar-collapsed #sidenav-main.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"]::after,body.sidebar-collapsed #sidenav-main.navbar-vertical.navbar-expand-md .navbar-nav .nav-link[data-toggle=collapse]::after,body.sidebar-collapsed #sidenav-main.navbar-vertical.navbar-expand-md .navbar-nav .nav-link[data-toggle="collapse"]::after{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link:hover{background:#3f3f48}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link.active{background:#2d8eff}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link i{margin:0;font-size:1.15rem;color:#f7f7f9!important;transform:none;min-width:0!important;width:100%!important;display:block!important;flex:0 0 auto!important;text-align:center!important;line-height:1!important;margin-left:auto!important;margin-right:auto!important}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link.active i{color:#fff!important}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link .nav-link-inner--text,body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link small,body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link .nav-link-text,body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link .blob{display:none!important}
body.sidebar-collapsed .navbar-vertical.fixed-left+.main-content{margin-left:82px!important}
body.sidebar-collapsed .navbar-vertical.fixed-right+.main-content{margin-right:82px!important}
.navbar-vertical.navbar-expand-md .navbar-brand{padding-bottom:0!important}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 4px 8px;position:relative}
.sidebar-toggle{width:44px;height:44px;border-radius:10px;border:1.5px solid #dee2e6;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);padding:10px;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,background-color .2s,border-color .2s;pointer-events:auto;cursor:pointer;z-index:100000!important;position:relative}
.sidebar-toggle:focus{outline:none;box-shadow:0 0 0 3px rgba(70,166,221,.35);border-color:#46a6dd}
.sidebar-toggle:hover{transform:translateY(-1px);background:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.sidebar-toggle:active{transform:translateY(0);background:#e9ecef}
.sidebar-toggle-box{width:30px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;pointer-events:none}
.sidebar-toggle-bar{width:24px;height:2.5px;border-radius:2px;background:#32325d;pointer-events:none;transition:background-color .2s,transform .2s}
.sidebar-toggle:hover .sidebar-toggle-bar{background:#212529}
.sidebar-toggle[aria-expanded=true] .sidebar-toggle-box{align-items:flex-start;gap:4px}
@media(min-width:768px){.sidebar-toggle{width:35px;height:35px;border-radius:12px;border:none;background:transparent;box-shadow:none;padding:10px}.sidebar-toggle:hover{background:transparent;border-color:transparent;box-shadow:none}.sidebar-toggle:focus{box-shadow:none;border-color:transparent}.sidebar-toggle-box{width:30px;height:30px;gap:6px}.sidebar-toggle-bar{width:28px;height:4px;border-radius:3px;background:#6a7383}.sidebar-toggle:hover .sidebar-toggle-bar{background:#6a7383}}
body:not(.sidebar-collapsed) .navbar-vertical .navbar-nav .nav-link i{display:inline-block;transform:translateX(-3px)}
.company-group-sidebar-loginas-btn{cursor:pointer}
.navbar-toggler.sidebar-toggle{position:relative;top:auto;right:auto;margin-left:auto;border:none;border-radius:0;z-index:100000}
@media(max-width:767.98px){.navbar-toggler.sidebar-toggle{position:absolute;top:22px;right:10px;margin-left:0}.navbar-toggler.sidebar-toggle.collapsed{top:5px;right:11px}}
body.sidebar-collapsed #sidenav-main .navbar-nav .nav-item .nav-link i{font-size:1.15rem;color:#f7f7f9!important;margin:0 auto;padding:0;text-align:center;text-indent:0;display:block;width:100%;transform:none}
body.sidebar-collapsed #sidenav-main .sidebar-brand-row{justify-content:center;padding:10px 0 8px}
body.sidebar-collapsed #sidenav-main .toggler_btn_dv{width:100%;display:flex;align-items:center;justify-content:center}
body.sidebar-collapsed #sidenav-main .navbar-toggler.sidebar-toggle{position:static;top:auto;right:auto;margin:0 auto}
@media(min-width:768px){body.sidebar-collapsed #sidenav-main.fixed-left .navbar-toggler.sidebar-toggle{position:fixed!important;left:22px!important;top:12px!important;right:auto!important;margin:0!important;z-index:100000!important;pointer-events:auto!important}body.sidebar-collapsed #sidenav-main.fixed-right .navbar-toggler.sidebar-toggle{position:fixed!important;right:22px!important;top:12px!important;left:auto!important;margin:0!important;z-index:100000!important;pointer-events:auto!important}}
body.sidebar-collapsed #sidenav-main .nav-link-text.btn.btn-icon.btn-2.btn-info.py-2.px-2{display:inline-flex!important;font-size:10px!important}
.nav-link[data-toggle=collapse]::after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:900;margin-left:auto;font-size:.7rem;transition:transform .2s;opacity:.6}
.nav-link[data-toggle=collapse][aria-expanded=true]::after{transform:rotate(180deg);opacity:1}
#sidenav-main .navbar-brand-img{max-width:100%;height:auto}
@media(max-height:750px){#sidenav-main .navbar-collapse.show,#sidenav-main .navbar-collapse.collapsing{max-height:calc(100vh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch}}
/* === MOBILE RESPONSIVE === */
@media(max-width:767.98px){
  /* Hide desktop sidebar strip */
  #sidenav-main,body.sidebar-collapsed #sidenav-main.navbar-vertical{width:0!important;min-width:0!important;background:transparent!important;box-shadow:none!important}
  /* Collapse overlay — applies to BOTH .collapsing (animation visible) and .show (final state) */
  #sidenav-collapse-main.collapsing,
  #sidenav-collapse-main.show{
    position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;
    background:#fff;z-index:3000;box-shadow:4px 0 24px rgba(0,0,0,.18);
    overflow-y:auto;display:block!important;padding-top:52px
  }
  /* Reset content margin */
  .navbar-vertical.fixed-left+.main-content,body.sidebar-collapsed .navbar-vertical.fixed-left+.main-content{margin-left:0!important}
  /* Brand row fixed to top on mobile */
  .sidebar-brand-row{position:fixed;top:0;left:0;width:100%;z-index:4000;background:#fff;padding:8px 12px;border-bottom:1px solid #e9ecef}
  .sidebar-brand-row .navbar-brand{display:block!important}
  .sidebar-brand-row .navbar-brand-img{max-height:32px;width:auto}
  /* Overlay backdrop */
  body.sidebar-mobile-open .main-content::after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2500;pointer-events:auto}
  /* Touch targets */
  #sidenav-main .nav-link{min-height:44px;display:flex;align-items:center}
  /* Hide collapsed desktop elements */
  body.sidebar-collapsed #sidenav-main .navbar-nav,body.sidebar-collapsed #sidenav-main .navbar-collapse,body.sidebar-collapsed #sidenav-main .img_tog_div{display:none!important}
}
@supports(padding:env(safe-area-inset-bottom)){.main-content{padding-bottom:env(safe-area-inset-bottom)}#sidenav-main{padding-bottom:env(safe-area-inset-bottom)}}
