/* Concept 01: a permanent quiet sidebar with readable labels. */
.sidebar{background:#030303;border-right:1px solid #202020;border-radius:0;box-shadow:none}
.sidebar .brand-custom{display:flex;align-items:center;width:190px;max-width:100%;min-height:64px;margin:0 0 26px;padding:0}
.sidebar .brand-logo-full{display:block;width:190px;max-width:100%;height:auto}
.sidebar .nav-label{display:none!important}
.sidebar #navigation{display:flex;flex-direction:column;gap:7px;overflow:visible}
.sidebar .nav-item,.sidebar .nav-label:not(:first-child)+.nav-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:13px;min-height:50px;height:50px;margin:0;padding:0 17px;border-radius:11px;position:relative;overflow:hidden;color:#b4aebd;white-space:nowrap}
.sidebar .nav-item>svg{width:20px;height:20px;margin:0;flex-shrink:0}
.sidebar .nav-item>span,.sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])) .nav-item>span{display:block;min-width:0;opacity:1;transform:none;font-size:15px;line-height:22px;transition:none;text-align:left}
.sidebar .nav-item:hover{background:#ffffff05;color:#eee8f4}
.sidebar .nav-item.active{background:#141217;color:#eee8f4}
.sidebar .nav-item.active>svg{color:#b080cf}
.sidebar .nav-item:before{display:none}
.sidebar .nav-item.active:after{content:'';position:absolute;right:15px;top:22px;width:6px;height:6px;border-radius:50%;background:#b378d3}
.sidebar .nav-count{display:none!important}
.sidebar .sidebar-preferences{margin-top:auto;border-top:1px solid #252127;border-radius:0;padding-top:12px;background:transparent}
.sidebar .sidebar-preference{display:grid;grid-template-columns:20px minmax(0,1fr);gap:13px;align-items:center;width:100%;height:48px;min-height:48px;padding:0 17px;border-radius:10px;margin:0}
.sidebar .sidebar-preference .preference-label{display:block;min-width:0;opacity:1;transform:none;transition:none;font-size:15px;text-align:left}
.sidebar .language-control>.language-chevron{right:14px;opacity:.5}
.sidebar .language-control>.language-flag{width:20px;height:14px}
.topbar{height:76px;background:transparent;padding:10px 36px}
.topbar-actions{margin-left:auto}
@media(min-width:821px){
 .app-shell{display:grid;grid-template-columns:224px minmax(0,1fr)}
 body .sidebar,body .sidebar:is(:hover,:focus-within,:has(.language-control[aria-expanded=true])){position:sticky;top:0;inset-inline:auto;width:224px;min-width:224px;height:100dvh;max-height:none;display:flex;flex-direction:column;margin:0;padding:15px 12px 18px;border-right:1px solid #202020;border-radius:0;transform:none;box-shadow:none;transition:none}
 .main-shell{min-width:0}
 .topbar .menu-button{display:none}
}
@media(max-width:820px){
 .app-shell{display:block}
 .sidebar{width:244px;height:100dvh;max-height:none;padding:18px 16px 22px;border-radius:0 18px 18px 0}
 .sidebar .brand-custom{margin-bottom:28px}
 .topbar{height:64px;padding:10px 22px}
 .topbar .menu-button{display:flex}
}