/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_sidebar.css
Datei-Link: https://intern.lhbz.it/lh_sidebar.css
===================================
*/

.app-sidebar.sidebar{background:linear-gradient(180deg,var(--glass-3),var(--glass-2) 62%,var(--glass-3))!important;backdrop-filter:blur(30px) saturate(1.18)!important;-webkit-backdrop-filter:blur(30px) saturate(1.18)!important;border-right:0!important;box-shadow:none!important;overflow:visible!important}
.app-sidebar.sidebar::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 36% at 0% 0%,rgba(191,154,63,.07),transparent 60%),radial-gradient(120% 30% at 0% 100%,rgba(10,125,84,.06),transparent 60%);z-index:0}
.app-sidebar.sidebar::after{content:'';position:absolute;top:0;right:-1px;bottom:0;width:1.5px;background:linear-gradient(180deg,transparent 6%,var(--accent) 32%,var(--accent-2) 52%,var(--brand) 76%,transparent 94%);box-shadow:0 0 10px var(--accent-glow);opacity:.7;pointer-events:none;z-index:3;animation:lhBreath 5s ease-in-out infinite}
[data-theme="dark"] .app-sidebar.sidebar{box-shadow:0 0 70px rgba(0,0,0,.4)!important}
.app-sidebar .sidebar-header,.app-sidebar .sidebar-menu,.app-sidebar .sidebar-footer{position:relative;z-index:1}
.app-sidebar .sidebar-header{border-bottom:1px solid var(--hair)!important}
.app-sidebar .sidebar-logo{filter:drop-shadow(0 4px 12px rgba(10,125,84,.2));animation:lhLogoGlow 6s ease-in-out infinite}
[data-theme="dark"] .app-sidebar .sidebar-logo{filter:drop-shadow(0 0 14px rgba(212,178,98,.28)) brightness(1.04)}
.app-sidebar .menu-item,.app-sidebar .submenu-item{position:relative;overflow:hidden;border-radius:12px!important;font-family:var(--font-heading)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.015em!important;color:var(--muted)!important;border:0!important;background:transparent!important;transition:background .26s var(--ease),color .26s,transform .26s var(--ease),box-shadow .26s!important}
.app-sidebar .menu-item svg:not(.chevron),.app-sidebar .submenu-item svg{opacity:.55!important;stroke-width:1.7!important;color:var(--muted)!important;background:none!important;border:0!important;transition:opacity .26s,color .26s,transform .26s var(--ease)!important}
.app-sidebar .menu-item::after,.app-sidebar .submenu-item::after{content:'';position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);pointer-events:none;opacity:0;z-index:1}
[data-theme="dark"] .app-sidebar .menu-item::after,[data-theme="dark"] .app-sidebar .submenu-item::after{background:linear-gradient(105deg,transparent,rgba(212,178,98,.18),transparent)}
.app-sidebar .menu-item:hover,.app-sidebar .submenu-item:hover{background:var(--glass)!important;color:var(--text)!important;transform:translateX(3px);box-shadow:0 6px 20px rgba(10,125,84,.08)!important}
.app-sidebar .menu-item:hover svg:not(.chevron),.app-sidebar .submenu-item:hover svg{opacity:.95!important;color:var(--brand-deep)!important;transform:scale(1.12)}
[data-theme="dark"] .app-sidebar .menu-item:hover svg:not(.chevron),[data-theme="dark"] .app-sidebar .submenu-item:hover svg{color:var(--accent-2)!important}
.app-sidebar .menu-item:hover::after,.app-sidebar .submenu-item:hover::after{opacity:1;animation:lhSweep .8s ease}
.app-sidebar .menu-item.active,.app-sidebar .menu-group-head.active-group,.app-sidebar .submenu-item.active{color:var(--text)!important;font-weight:600!important;background:linear-gradient(135deg,rgba(10,125,84,.16),rgba(191,154,63,.08),rgba(10,125,84,.12))!important;background-size:200% 200%!important;animation:lhShift 7s ease infinite!important;box-shadow:inset 0 0 0 1px rgba(191,154,63,.18),0 6px 22px rgba(10,125,84,.1)!important}
[data-theme="dark"] .app-sidebar .menu-item.active,[data-theme="dark"] .app-sidebar .submenu-item.active,[data-theme="dark"] .app-sidebar .menu-group-head.active-group{color:#f3faf4!important;background:linear-gradient(135deg,rgba(26,165,110,.2),rgba(212,178,98,.1),rgba(26,165,110,.16))!important;box-shadow:inset 0 0 0 1px rgba(212,178,98,.2),0 6px 22px rgba(0,0,0,.25)!important}
.app-sidebar .menu-item.active svg:not(.chevron),.app-sidebar .submenu-item.active svg{opacity:1!important;color:var(--brand)!important}
[data-theme="dark"] .app-sidebar .menu-item.active svg:not(.chevron),[data-theme="dark"] .app-sidebar .submenu-item.active svg{color:var(--accent-2)!important}
.app-sidebar .menu-item.active::before,.app-sidebar .menu-group-head.active-group::before{content:''!important;position:absolute!important;left:6px!important;top:50%!important;transform:translateY(-50%)!important;width:3px!important;height:52%!important;border-radius:3px!important;background:linear-gradient(180deg,var(--accent),var(--brand))!important;box-shadow:0 0 8px var(--accent-glow)!important;z-index:2}
.app-sidebar .submenu-item.active::before{content:''!important;position:absolute!important;left:6px!important;top:50%!important;transform:translateY(-50%)!important;width:2px!important;height:48%!important;border-radius:2px!important;background:linear-gradient(180deg,var(--accent),var(--brand))!important;box-shadow:0 0 6px var(--accent-glow)!important;z-index:2}
.app-sidebar .menu-item.active::after,.app-sidebar .menu-group-head.active-group::after{opacity:1;animation:lhSweep 4.2s ease-in-out infinite}
.app-sidebar .menu-group-head .chevron{color:var(--muted)!important;opacity:.5!important}
.app-sidebar .submenu{border-left:1px solid var(--hair)!important}
.app-sidebar .sidebar-footer{border-top:1px solid var(--hair)!important;background:transparent!important}
.app-sidebar .sidebar-user{color:var(--muted)!important;font-family:var(--font-heading)!important}
.app-sidebar .logout-btn{background:var(--glass)!important;color:var(--muted)!important;border:1px solid var(--glass-brd)!important;border-radius:12px!important;font-family:var(--font-heading)!important;transition:background .24s,color .24s,border-color .24s,box-shadow .24s!important}
.app-sidebar .logout-btn:hover{background:rgba(200,80,66,.1)!important;color:#d8604f!important;border-color:rgba(200,80,66,.32)!important;box-shadow:0 0 18px rgba(200,80,66,.18)!important}
.app-sidebar .task-sidebar-badge{background:linear-gradient(135deg,var(--orange),#cf7430)!important;box-shadow:0 4px 12px rgba(224,138,60,.4)!important}

/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_sidebar.css
Datei-Link: https://intern.lhbz.it/lh_sidebar.css
===================================
*/