.nav-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}.nav-item{display:flex;align-items:center;gap:12px;min-height:44px}.nav-item .nav-text{width:auto;font-size:inherit;line-height:1.3}.sidebar-collapse{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #587664;border-radius:8px;background:transparent;color:#e4eee7;padding:8px 10px;margin:0 0 15px;width:100%;font-size:12px}.sidebar-collapse:hover{background:#29523d}.sidebar .brand{margin-bottom:18px}.logout{display:flex;align-items:center;gap:10px}.sidebar{overflow-y:auto}.nav-item.selected{box-shadow:inset 3px 0 #e6b651}
@media(min-width:981px){html.nav-compact .sidebar{width:76px;padding:22px 10px}html.nav-compact .workspace{margin-left:76px}html.nav-compact .brand{margin:0 0 18px;justify-content:center}html.nav-compact .brand>span,html.nav-compact .nav-text,html.nav-compact .nav-label,html.nav-compact .sidebar-collapse>span,html.nav-compact .account>div:not(.avatar){display:none}html.nav-compact .nav-item{justify-content:center;padding:12px 0;margin-bottom:5px}html.nav-compact .sidebar-collapse{justify-content:center;padding:10px 0}html.nav-compact .sidebar-collapse svg{transform:rotate(180deg)}html.nav-compact .account{justify-content:center;padding:10px 0}html.nav-compact .logout{justify-content:center;width:100%;padding:10px 0}html.nav-compact .brand-logo{max-width:44px}}
@media(max-width:980px){.sidebar-collapse{display:none}.sidebar .brand{margin-bottom:0}.sidebar{overflow:visible}.nav-item .nav-text{display:inline}.nav-item{min-height:44px}}