/* A full-height, edge-aligned navigation rail. */
#app .aside-bottom>p{display:none!important}
#app .sidebar-account-links{display:flex;flex-direction:column;gap:5px}
#app .sidebar-account-link,#app #logout.sidebar-exit{display:flex!important;align-items:center;justify-content:flex-start;gap:11px;width:100%!important;min-width:0!important;min-height:42px;height:auto!important;padding:10px 12px!important;margin:0!important;border:0!important;border-radius:11px;background:transparent!important;color:var(--ui-muted,#34567c)!important;text-decoration:none;font-size:13px!important;line-height:1.4;font-weight:600;box-sizing:border-box;white-space:nowrap}
#app .sidebar-account-link:hover,#app #logout.sidebar-exit:hover{background:var(--ui-control,#e2eefb)!important}
#app .sidebar-account-link svg,#app #logout.sidebar-exit svg{display:block!important;width:20px;height:20px;flex:none}
#app .sidebar-account-link .user-avatar{width:26px;height:26px;min-width:26px;font-size:12px}
#app #logout.sidebar-exit:before{display:none!important}
#app .sidebar-account-link.active{background:var(--ui-control,#e2eefb)!important;color:var(--ui-text,#123b69)!important}
#app .sidebar-brand-row #sidebarToggle{display:grid;place-items:center;width:30px;height:30px;padding:5px;border:1px solid var(--ui-border,#d5e3f0);border-radius:9px;background:var(--ui-raised,#f8fbff)!important;color:var(--ui-muted,#34567c)!important;box-shadow:0 2px 5px #173e6808;transition:background .2s ease,transform .2s ease}
#app #sidebarToggle:hover{background:var(--ui-control,#e2eefb)!important;transform:translateX(-1px)}
#app #sidebarToggle:before{display:none!important}
#app #sidebarToggle svg{display:block!important;width:19px;height:19px}
#app #nav>.sidebar-city-card{display:flex!important;align-items:center;gap:11px;padding:14px 10px!important;margin:0 0 22px!important;min-height:76px;box-sizing:border-box;border-radius:14px;background:var(--ui-control,#e5f0fc)!important;color:var(--ui-text,#123b69)!important;letter-spacing:-.025em}
.sidebar-city-symbol{display:grid;place-items:center;flex:none;width:35px;height:40px;border-radius:11px;background:var(--ui-raised,#ffffffa8);color:var(--user-accent,#0855b5)}
.sidebar-city-symbol svg{display:block;width:23px;height:23px}
.sidebar-city-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
#app #nav>.sidebar-city-card .sidebar-city-name{font-size:21px;font-weight:750;line-height:1.2;overflow-wrap:anywhere}
#app #nav>.sidebar-city-card small{font-size:11px;font-weight:500;color:var(--ui-muted,#526c86);letter-spacing:0}
#app #nav>.sidebar-city-card>.sidebar-city-chevron{display:block!important;flex:none;width:16px;height:16px;color:var(--ui-muted,#526c86)}
@media(min-width:761px){
 #app.shell:not(.directory-view){grid-template-columns:260px minmax(0,1fr)!important;width:100%;max-width:none;margin:0;gap:0}
 #app.shell #magicSidebar{position:fixed!important;inset:0 auto 0 0!important;width:260px!important;height:100dvh;padding:0!important;margin:0!important;border:0!important;z-index:40;overflow:visible!important}
 #app.shell #magicSidebar .magic-sidebar-surface{width:100%!important;min-width:0!important;height:100dvh!important;border:0!important;border-right:1px solid var(--ui-border,#d6e5f2)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important;clip-path:none!important;background:var(--ui-surface,#f0f7fdeb)!important;--lg-bg-color:var(--ui-surface,#f0f7fd)}
 #app.shell #magicSidebar .magic-sidebar-surface:after{display:none!important}
 #app.shell #magicSidebar [class*="glassSpecular"]{border-radius:0!important;box-shadow:none!important;background:none!important}
 #app.shell #magicSidebar .magic-sidebar-inner{display:flex!important;flex-direction:column!important;width:260px!important;max-width:none;height:100dvh!important;min-height:0;padding:28px 18px 18px!important;border-radius:0!important;background:transparent!important;box-sizing:border-box;overflow:hidden!important}
 #app #magicSidebar .sidebar-brand-row{flex-direction:row;min-height:38px;gap:8px;padding:0 4px}
 #app #magicSidebar .brand{padding:0!important;font-size:28px!important}
 #app #magicSidebar #nav{flex:1;min-height:0;display:flex!important;flex-direction:column;gap:6px;margin-top:27px!important;padding:0 0 18px!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
 #app #magicSidebar #nav>button,#app #magicSidebar #nav>a:not(.sidebar-city){width:100%;min-height:44px;padding:11px 12px;gap:11px;font-size:13px}
 #app #magicSidebar .aside-bottom{position:static!important;flex:none;width:100%;margin-top:auto;padding:14px 0 0!important;border-top:1px solid var(--ui-border,#d6e5f2)}
 #app.sidebar-collapsed:not(.directory-view){grid-template-columns:76px minmax(0,1fr)!important}
 #app.sidebar-collapsed #magicSidebar{width:76px!important}
 #app.sidebar-collapsed #magicSidebar .magic-sidebar-inner{width:76px!important;padding:22px 10px 16px!important}
 #app.sidebar-collapsed #magicSidebar .sidebar-brand-row{flex-direction:column;gap:14px;padding:0}
 #app.sidebar-collapsed #magicSidebar .brand{font-size:0!important}
 #app.sidebar-collapsed #magicSidebar .brand:before{content:'В';font-size:29px;line-height:36px}
 #app.sidebar-collapsed #magicSidebar #nav>button,#app.sidebar-collapsed #magicSidebar #nav>a{width:56px!important;justify-content:center;gap:0;padding:12px!important}
 #app.sidebar-collapsed #magicSidebar .sidebar-label,#app.sidebar-collapsed #magicSidebar .sidebar-city-copy,#app.sidebar-collapsed #magicSidebar .sidebar-city-chevron{display:none!important}
 #app.sidebar-collapsed #magicSidebar #nav>.sidebar-city-card{padding:8px!important;min-height:56px;margin-bottom:14px!important}
 #app.sidebar-collapsed #magicSidebar .sidebar-account-link,#app.sidebar-collapsed #magicSidebar #logout.sidebar-exit{justify-content:center;gap:0;padding:10px!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar{width:260px!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .magic-sidebar-inner{width:260px!important;padding:28px 18px 18px!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .sidebar-brand-row{flex-direction:row;gap:8px;padding:0 4px}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .brand{font-size:28px!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .brand:before{content:none}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar #nav>button,#app.sidebar-collapsed.sidebar-peek #magicSidebar #nav>a{width:100%!important;justify-content:flex-start;gap:11px;padding:11px 12px!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .sidebar-label{display:inline!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .sidebar-city-copy{display:flex!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .sidebar-city-chevron{display:block!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar #nav>.sidebar-city-card{padding:14px 10px!important;min-height:76px;margin-bottom:22px!important}
 #app.sidebar-collapsed.sidebar-peek #magicSidebar .sidebar-account-link,#app.sidebar-collapsed.sidebar-peek #magicSidebar #logout.sidebar-exit{justify-content:flex-start;gap:11px;padding:10px 12px!important}
 #app.sidebar-collapsed #magicSidebar,#app.sidebar-collapsed #magicSidebar .magic-sidebar-inner{transition:width .32s cubic-bezier(.22,1,.36,1),padding .32s cubic-bezier(.22,1,.36,1)}
}
@media(max-width:760px){#app .aside-bottom{padding:12px!important}.mobile-menu-open #app #magicSidebar .aside-bottom{display:block!important;margin-top:20px}.mobile-menu-open #app #magicSidebar .sidebar-label{display:inline!important}.mobile-menu-open #app #nav>.sidebar-city-card{min-height:70px!important;padding:12px!important}.mobile-menu-open #app #magicSidebar .sidebar-city-name{display:block!important}}
@media(prefers-reduced-motion:reduce){#app.sidebar-collapsed #magicSidebar,#app.sidebar-collapsed #magicSidebar .magic-sidebar-inner{transition:none}}
@media(min-width:761px){#app.shell:not(.directory-view)>main{grid-column:2;min-width:0}#app.shell.directory-view>main{grid-column:1}}

#app #magicSidebar #logout.sidebar-exit{justify-content:flex-start!important;font-size:13px!important}#app #magicSidebar #logout.sidebar-exit .sidebar-label{display:inline!important;font-size:13px!important;line-height:1.4}@media(min-width:761px){#app.sidebar-collapsed:not(.sidebar-peek) #magicSidebar #logout.sidebar-exit{justify-content:center!important}#app.sidebar-collapsed:not(.sidebar-peek) #magicSidebar #logout.sidebar-exit .sidebar-label{display:none!important}}
/* Compact account row: identity, settings, sign out. */
#app #magicSidebar .aside-bottom{display:flex!important;align-items:center;gap:5px}
#app #magicSidebar .sidebar-account-links{display:contents!important}
#app #magicSidebar .sidebar-account-link[href="#profile"]{flex:1;min-width:0;width:auto!important;padding:10px 6px!important;gap:9px}
#app #magicSidebar .sidebar-account-link[href="#profile"] .sidebar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app #magicSidebar .sidebar-account-link[href="#settings"],#app #magicSidebar #logout.sidebar-exit{display:flex!important;align-items:center;justify-content:center!important;flex:0 0 34px;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;padding:7px!important}
#app #magicSidebar .sidebar-account-link[href="#settings"] .sidebar-label,#app #magicSidebar #logout.sidebar-exit .sidebar-label{display:none!important}
#app #magicSidebar .sidebar-account-link[href="#settings"] svg,#app #magicSidebar #logout.sidebar-exit svg{width:20px;height:20px}
@media(min-width:761px){#app.sidebar-collapsed:not(.sidebar-peek) #magicSidebar .aside-bottom{flex-direction:column;gap:5px}#app.sidebar-collapsed:not(.sidebar-peek) #magicSidebar .sidebar-account-link[href="#profile"]{flex:none;width:100%!important;justify-content:center!important}}

#app #nav>.sidebar-city-card{gap:0!important;padding:15px 16px!important}#app #nav>.sidebar-city-card small{display:flex;align-items:center;gap:7px}.sidebar-country-flag{display:block!important;flex:none;width:18px!important;height:13px!important;object-fit:cover;border-radius:2px}.sidebar-city-mini-flag{display:none}@media(min-width:761px){#app.sidebar-collapsed:not(.sidebar-peek) #magicSidebar .sidebar-city-mini-flag{display:flex;align-items:center;justify-content:center;width:100%}#app.sidebar-collapsed:not(.sidebar-peek) #magicSidebar .sidebar-city-mini-flag img{width:24px!important;height:18px!important}}
/* Consistent rounded hover targets in the account row. */
#app #magicSidebar .aside-bottom .sidebar-account-link,#app #magicSidebar .aside-bottom #logout.sidebar-exit{border-radius:12px!important;overflow:hidden;transition:background-color .18s ease,color .18s ease}
#app #magicSidebar .aside-bottom .sidebar-account-link:hover,#app #magicSidebar .aside-bottom #logout.sidebar-exit:hover,#app #magicSidebar .aside-bottom .sidebar-account-link:focus-visible,#app #magicSidebar .aside-bottom #logout.sidebar-exit:focus-visible{background:var(--ui-control,#e2eefb)!important;color:var(--ui-text,#123b69)!important;border-radius:12px!important}