/* Keep the complete menu reachable at short heights without scrolling the page. */
.app-shell:not(.auth-screen) .sidebar{height:100dvh;overflow:hidden}
.sidebar>.brand,.sidebar>.sidebar-menu-control,.sidebar>.workspace-label,.sidebar>.sidebar-bottom{flex-shrink:0}
.sidebar>#navigation{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px;margin:-2px}
.sidebar>.sidebar-bottom{padding-top:16px}
.sidebar .nav-item:focus-visible{outline:2px solid var(--accent,#7052a2);outline-offset:-2px}
.nav-finance-heading::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-left:auto;flex:none}
.nav-finance-heading[aria-expanded=true]::after{transform:rotate(45deg)}
.sidebar-collapsed .nav-finance-heading::after{display:none}
@media(max-height:600px){
 .app-shell:not(.auth-screen) .sidebar{padding-top:12px;padding-bottom:12px}
 .sidebar>.brand{margin-bottom:12px}
 .sidebar>.workspace-label,.sidebar>.sidebar-bottom{display:none}
 .sidebar>.sidebar-menu-control{margin-bottom:8px;padding-bottom:8px}
}

/* Compact brand, collapse control and workspace menu without reducing targets. */
.app-shell:not(.auth-screen) .sidebar>.brand{margin-bottom:12px}
.app-shell:not(.auth-screen) .sidebar>.sidebar-menu-control{margin-top:0;margin-bottom:10px;padding-top:0;padding-bottom:0;min-height:34px}
.app-shell:not(.auth-screen) .sidebar>.workspace-label{margin-bottom:8px}
@media(max-width:760px){.app-shell:not(.auth-screen) .sidebar>.brand{margin-bottom:16px}}