.sidebar-header { display:flex; align-items:flex-start; gap:6px; }
.sidebar-header .side-logo { flex:1; min-width:0; gap:10px; padding-left:0; padding-right:0; }
.sidebar-toggle { display:grid; place-items:center; flex:none; width:30px; height:34px; margin-top:10px; padding:4px; border:0; border-radius:9px; color:#686c83; background:transparent; cursor:pointer; }
.sidebar-toggle:hover { background:rgba(110,120,160,.14); color:#2b2d42; }
.sidebar-toggle:focus-visible { outline:2px solid #8297ce; outline-offset:2px; }
.sidebar-toggle svg { width:22px; height:22px; }
.sidebar-icon { display:none; flex:none; width:20px; height:20px; }
.sidebar-label { white-space:nowrap; }
html[data-background-theme="dark"] .sidebar-toggle { color:#c5cee0; }
@media (min-width:901px) {
    .sidebar { transition:width .34s cubic-bezier(.22,1,.36,1), padding .34s cubic-bezier(.22,1,.36,1); overflow-x:clip; }
    .sidebar .side-nav a { min-height:44px; overflow:hidden; }
    .sidebar .side-nav .sidebar-icon { display:block; }
    .sidebar .sidebar-label, .sidebar .side-logo-text { opacity:1; max-width:160px; overflow:hidden; transition:opacity .16s ease, max-width .3s ease; }
    .sidebar-collapsed .sidebar { width:76px; padding-left:12px; padding-right:12px; }
    .sidebar-collapsed .sidebar-header { flex-direction:column; align-items:center; gap:0; }
    .sidebar-collapsed .sidebar-header .side-logo { flex:none; gap:0; padding-bottom:6px; }
    .sidebar-collapsed .sidebar-toggle { margin:0 0 14px; width:36px; }
    .sidebar-collapsed .sidebar-toggle svg { transform:rotate(180deg); }
    /* Hidden translations must not wrap into tall columns at zero width. */
    .sidebar-collapsed .sidebar .sidebar-label, .sidebar-collapsed .sidebar .side-logo-text { opacity:0; max-width:0; white-space:nowrap; overflow-wrap:normal; }
    .sidebar-collapsed .sidebar .side-nav a { padding-left:16px; padding-right:16px; gap:0; }
    .sidebar-collapsed .sidebar .user-area { padding:8px 4px !important; gap:8px; }
    .sidebar-collapsed .sidebar .ua-profile { gap:0; }
    .sidebar-collapsed .sidebar .user-email { display:none !important; }
    .sidebar-collapsed .sidebar .avatar-wrap, .sidebar-collapsed .sidebar .avatar { width:32px; height:32px; }
    .sidebar-collapsed .sidebar .ua-actions { flex-direction:column; align-items:center; gap:6px; }
    .sidebar-collapsed .sidebar .ua-pill, .sidebar-collapsed .sidebar #loginBtn { padding:8px !important; width:36px; height:36px; justify-content:center; gap:0; }
    .sidebar-collapsed .sidebar .ua-pill .sidebar-icon, .sidebar-collapsed .sidebar #loginBtn .sidebar-icon { display:block; }
    .sidebar-collapsed .sidebar #loginBtn { align-items:center; }
}
@media (max-width:900px) {
    .sidebar-header { grid-area:logo; }
    .sidebar-header .side-logo { padding:0; }
    .sidebar-toggle { display:none; }
}
@media (prefers-reduced-motion:reduce) {
    .sidebar, .sidebar .sidebar-label, .sidebar .side-logo-text { transition:none; }
}