.navigation-meta{display:contents}
.menu-arrangement{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px;min-width:0;color:var(--highlight)}
.menu-arrangement[hidden]{display:none}
.app-header .account [data-menu-arrange]{white-space:nowrap}
.menu-arrangement>button,.menu-arrangement-tools button{min-height:40px;border-color:#FFFFFF38;background:transparent;color:var(--white);font-size:12px}
.menu-arrangement-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;font-size:12px}
.menu-arrangement-tools[hidden],.menu-order-status:empty{display:none}
.menu-arrangement-tools>span:last-child{font-size:11px;color:var(--soft-blue)}
.menu-order-status{font-size:12px;line-height:18px;color:var(--soft-blue)}
.is-arranging-menu .arrangeable-menu-item{cursor:grab;outline:1px dashed var(--soft-blue);outline-offset:-3px}
.is-arranging-menu .arrangeable-menu-item::before{content:'⠿';font-size:16px;opacity:.7;flex:0 0 10px}
.is-arranging-menu .menu-arrange-selected{outline:2px solid var(--accent);outline-offset:-3px}
.arrangeable-menu-item.menu-drop-before{box-shadow:inset 4px 0 var(--accent)!important}
.arrangeable-menu-item.menu-drop-after{box-shadow:inset -4px 0 var(--accent)!important}
.nav-cascade-panel .arrangeable-menu-item.menu-drop-before{box-shadow:inset 0 4px var(--accent)!important}
.nav-cascade-panel .arrangeable-menu-item.menu-drop-after{box-shadow:inset 0 -4px var(--accent)!important}
@media(max-width:1023px){.is-arranging-menu .menu-arrangement{position:static;padding:12px;margin:12px 0 0;background:var(--primary);border-top:1px solid var(--sidebar-line)}.menu-arrangement-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%}.menu-arrangement-tools>span,.menu-arrangement-tools>label{grid-column:1/-1}.menu-arrangement-tools button{min-width:0;width:100%;padding-inline:8px}.menu-arrangement-tools label{min-width:0!important;width:100%}}
@media(max-width:1023px){
 aside>nav[aria-label="Application screens"] .nav-main-panel .nav-section>.nav-cascade-panel>a{padding-inline-start:calc(var(--navigation-label-start) + var(--navigation-indent)*2)}
 aside>nav[aria-label="Application screens"] .nav-main-panel .nav-subsection>.nav-cascade-panel>a{padding-inline-start:calc(var(--navigation-label-start) + var(--navigation-indent)*3)}
}
@media screen and (min-width:1024px){
 .layout.cascading-layout{display:block;min-height:calc(100dvh - 76px)}
 .cascading-layout>aside{position:sticky;top:var(--app-header-height,76px);z-index:30;display:block;width:100%;height:auto;padding:0;border-right:0;border-bottom:1px solid #FFFFFF24;overflow:visible;background:var(--primary)}
 .cascading-layout>main{margin-inline:auto;max-width:var(--content-max-width);padding:24px 30px}
 .cascading-layout>aside>nav[aria-label="Application screens"]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:10px 24px;max-height:none;overflow:visible}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section){flex:0 0 auto;margin:0;padding:0}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary,
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href]{display:flex;align-items:center;gap:7px;min-height:44px;margin:0;padding:9px 11px;border:1px solid var(--sidebar-line);border-radius:9px;font-size:15px;font-weight:700;line-height:22px;white-space:nowrap;background:#FFFFFF07;color:var(--white)}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary .navigation-label,
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href] .navigation-label{font-size:15px;font-weight:700;white-space:nowrap}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary::after{margin-left:3px;width:6px;height:6px;flex-basis:6px;transform:rotate(135deg)}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)[open]>summary::after{transform:rotate(315deg)}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary:is(:hover,:focus-visible),
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href]:is(:hover,:focus-visible),
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)[open]>summary,
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href].selected{background:var(--navigation-selection);border-color:var(--navigation-selection-edge)}
 .cascading-layout>aside .nav-cascade-panel{position:fixed;inset:auto;box-sizing:border-box;width:280px;min-width:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:0;padding:6px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;border:1px solid transparent;border-radius:9px;background:linear-gradient(var(--white),var(--white)) padding-box,linear-gradient(110deg,#2EA8FF,#8D5BCE) border-box;color:var(--text);box-shadow:-7px 0 20px #2EA8FF55,7px 0 20px #8D5BCE55,0 10px 28px #0B2D5B30;z-index:100}
 .cascading-layout>aside .nav-cascade-panel[popover]:not(:popover-open){display:none}
 .cascading-layout>aside .nav-cascade-panel[popover]:popover-open{display:block}
 .cascading-layout>aside .nav-cascade-panel::backdrop{background:transparent;pointer-events:none}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group){margin:0;padding:0;border:0}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel a,
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group)>summary,
 .cascading-layout>aside .sidebar-workspace-menu>.nav-cascade-panel>a{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:40px;margin:0;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--primary);font-size:13px;line-height:20px;text-align:left;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere;box-shadow:none}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel .navigation-label{font-size:13px;line-height:20px;font-weight:600}
 .cascading-layout>aside .nav-cascade-panel .navigation-icon{width:18px;height:18px;flex-basis:18px;color:var(--brand)}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group)>summary .navigation-icon{color:var(--brand)}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group)>summary::after{transform:rotate(45deg);margin-right:0}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel a.selected{background:transparent;color:var(--primary);box-shadow:inset 2px 0 var(--brand);font-weight:700}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel a:is(:hover,:focus-visible),
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group)>summary:is(:hover,:focus-visible),
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group)[open]>summary,
 .cascading-layout>aside .sidebar-workspace-menu>.nav-cascade-panel>a:is(:hover,:focus-visible){background:var(--navigation-selection);color:var(--white);filter:none}
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(a,summary):is(:hover,:focus-visible) .navigation-icon,
 .cascading-layout>aside>nav[aria-label="Application screens"] .nav-cascade-panel :is(.nav-section,.nav-main-group)[open]>summary .navigation-icon{color:var(--white)}
 .cascading-layout>aside .nav-cascade-panel :is(a,summary):focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
 .cascading-layout .navigation-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 24px 10px;border-top:1px solid #FFFFFF14;min-width:0}
 .cascading-layout .navigation-meta:not(:has(> :not([hidden]))){display:none}
 .cascading-layout .navigation-meta .sidebar-identity{display:block;margin:0 auto 0 0;padding:0;border:0;font-size:12px;line-height:18px}
 .cascading-layout .navigation-meta .sidebar-identity small{display:inline;margin:0 0 0 10px;font-size:11px}
 .cascading-layout .navigation-meta .sidebar-note{order:1;margin:0;padding:0;border:0;font-size:11px;line-height:16px}
 .cascading-layout .navigation-meta .sidebar-note span{display:inline;margin-left:6px}
 .cascading-layout .navigation-meta .sidebar-workspace-menu{order:2;margin:0;min-width:140px;max-width:260px}
 .cascading-layout .navigation-meta .sidebar-workspace-menu>summary{min-height:36px;padding:6px 10px;font-size:13px}
 .cascading-layout .navigation-meta .sidebar-workspace-menu>summary .navigation-label{font-size:13px;line-height:20px}
 .cascading-layout .navigation-meta .sidebar-account-actions{order:3;margin:0}
 .cascading-layout .navigation-meta .sidebar-account-actions>button{min-height:36px;padding:6px 10px;font-size:12px;white-space:nowrap}
 .cascading-layout .navigation-meta .sidebar-account-actions .navigation-label{white-space:nowrap}
 .cascading-layout .menu-arrangement{order:4;margin:0;flex-basis:100%}
 .cascading-layout>aside.is-arranging-menu .menu-arrangement{flex-basis:100%;padding-top:8px;border-top:1px solid #FFFFFF1F}
}
@media screen and (min-width:1024px) and (max-width:1199px){
 .cascading-layout>aside>nav[aria-label="Application screens"]{gap:4px;padding-inline:16px}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary,
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href]{gap:5px;padding-inline:8px}
 .cascading-layout>aside>nav[aria-label="Application screens"]>:is(.nav-main-group,.nav-section)>summary .navigation-label,
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href] .navigation-label{font-size:12px}
 .cascading-layout>aside>nav[aria-label="Application screens"]>.nav-main-group .navigation-icon,
 .cascading-layout>aside>nav[aria-label="Application screens"]>a[href] .navigation-icon{width:16px;height:16px;flex-basis:16px}
 .cascading-layout .navigation-meta{gap:12px;padding-inline:16px}
 .cascading-layout .navigation-meta .sidebar-note{display:none}
}
@media screen and (min-width:1500px){.app-header .header-title{left:50%}}

/* Company layout controls share the desktop and touch navigation state. */
.menu-arrangement-tools label{display:flex;flex-direction:column;gap:4px;min-width:180px;max-width:100%;font-size:12px;color:var(--white)}
.menu-arrangement-tools select{max-width:100%;min-width:0;color:var(--primary);background:var(--white);border:1px solid var(--border);border-radius:6px;padding:6px 8px;min-height:36px}
.menu-drop-inside{outline:3px solid var(--brand)!important;outline-offset:-3px;background:var(--highlight)!important;color:var(--primary)!important}
aside details[hidden]{display:none!important}