/* Shared application navigation. Keep legacy workspaces and public layouts outside this scope. */
/* clip prevents horizontal page overflow without creating a scroll container around the sticky header. */
body.has-main-navigation{--app-header-height:64px;overflow-x:clip;overflow-y:visible}
body.has-main-navigation .compact-main-menu.pos-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:20px;height:var(--app-header-height,64px);min-height:var(--app-header-height,64px);margin:0;padding:8px clamp(12px,2vw,28px);border:0;border-radius:0;background:#101a2e;box-shadow:0 2px 10px #101a2e14}
.compact-main-menu .brand-company{flex:0 0 auto;min-width:max-content;color:#fff;text-decoration:none}
.compact-main-menu .brand-mark{flex:0 0 36px;width:36px;height:36px;margin-right:9px}
.compact-main-menu .brand-text{min-width:0;margin:0;gap:1px}
.compact-main-menu .brand-text strong{font-size:17px;line-height:1.15;letter-spacing:.06em;white-space:nowrap}
.compact-main-menu .brand-text small{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-main-menu .pos-toolbar{display:flex;flex:1 1 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end;min-width:0;gap:6px;margin-left:auto}
.compact-main-menu .desktop-main-nav{display:flex;flex:0 1 auto;align-items:center;gap:2px;min-width:0;margin:0}
.compact-main-menu .desktop-main-nav>details,.compact-main-menu .pos-toolbar>details{flex:0 0 auto;position:relative}
.compact-main-menu .desktop-main-nav>details>summary,.compact-main-menu .pos-toolbar>details>summary{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 11px;border:0;border-radius:9px;color:#e7eef9;font-size:13px;font-weight:650;line-height:1.25;list-style:none;white-space:nowrap;cursor:pointer}
.compact-main-menu summary::-webkit-details-marker{display:none}
.compact-main-menu .desktop-main-nav>details>summary::after,.compact-main-menu .pos-toolbar>details>summary::after{content:"";flex:0 0 6px;width:6px;height:6px;margin:0 0 3px 2px;border-right:1.5px solid #aebfd5;border-bottom:1.5px solid #aebfd5;transform:rotate(45deg)}
.compact-main-menu .desktop-main-nav>details[open]>summary,.compact-main-menu .pos-toolbar>details[open]>summary,.compact-main-menu .desktop-main-nav>details>summary:hover,.compact-main-menu .pos-toolbar>details>summary:hover,.compact-main-menu summary.active{background:#233652;color:#fff}
.compact-main-menu :is(summary,a,button):focus-visible{outline:3px solid #78aaff;outline-offset:3px}
.compact-main-menu .desktop-main-nav>details>.compact-menu-panel{position:absolute;top:calc(100% + 9px);right:auto;left:0;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:min(620px,calc(100vw - 24px));min-width:0;max-height:calc(100dvh - var(--app-header-height,64px) - 24px);padding:15px;border:1px solid #dbe4ef;border-radius:13px;background:#fff;box-shadow:0 18px 48px #08172d30;overflow:auto;overscroll-behavior:contain;transform:translateX(var(--compact-menu-shift,0px))}
.compact-main-menu .desktop-main-nav>details:nth-last-child(-n+2)>.compact-menu-panel{right:0;left:auto}
.compact-main-menu .desktop-main-nav>details>.compact-menu-panel{align-items:start}
.compact-main-menu .compact-menu-column{display:flex;flex-direction:column;align-self:start;gap:14px;min-width:0}
.compact-main-menu .desktop-main-nav>details>.compact-menu-panel.compact-menu-single{grid-template-columns:minmax(0,1fr);width:min(360px,calc(100vw - 24px))}
.compact-main-menu details:not([open])>.compact-menu-panel,.compact-main-menu details[data-navigation-group]:not([open])>.compact-menu-sections{display:none!important}
.compact-main-menu .compact-menu-section{display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:0}
.compact-main-menu .compact-menu-section>h2{margin:0 9px 5px;padding:2px 0 6px;border-bottom:1px solid #e7edf5;color:#77869b;font-size:10px;font-weight:750;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}
.compact-main-menu .compact-menu-panel .compact-menu-section>a{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:40px;margin:0;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#24374f;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.compact-main-menu .compact-menu-panel .compact-menu-section>a>small{margin:0;color:#74859a;font-size:11px;font-weight:400;line-height:1.4;white-space:normal}
.compact-main-menu .compact-menu-panel .compact-menu-section>a:hover{background:#f1f6fd;color:#175ab7}
.compact-main-menu .compact-menu-panel .compact-menu-section>a[aria-current="page"]{background:#eaf2ff;color:#175ab7;font-weight:700}
.compact-main-menu .pos-toolbar>.user-state{min-width:0;max-width:110px;margin-right:0}
.compact-main-menu .pos-toolbar>.user-state>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compact-main-menu .global-search-launch,.compact-main-menu .assistant-menu-link,.compact-main-menu .monitor-alert-link{flex-shrink:0;min-height:44px}
.compact-main-menu .global-search-launch{max-width:110px}
.compact-main-menu .assistant-menu-link{justify-content:center;min-width:40px;padding:8px}
.compact-main-menu .monitor-alert-link{width:40px;flex-basis:40px}
.compact-main-menu .pos-help-menu>summary{width:44px;height:44px;min-height:44px;padding:0;border:1px solid #40516c;border-radius:9px}
.compact-main-menu .pos-help-menu>summary::after{display:none}
.compact-main-menu .pos-toolbar>details:not(.mobile-main-menu)>.compact-menu-panel{right:0;left:auto;width:260px;min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--app-header-height,64px) - 24px);overflow:auto;overscroll-behavior:contain}
.compact-main-menu .mobile-main-menu{display:none!important}
body.has-main-navigation :target{scroll-margin-top:calc(var(--app-header-height,64px) + 16px)}
body.has-main-navigation .simple-modes,body.has-main-navigation .purchase-document-tabs{top:var(--app-header-height,64px)}
body.has-main-navigation :is(.request-cart-panel,.counterparty-editor,.employee-create-card,.customer-return-summary){top:calc(var(--app-header-height,64px) + 16px)}
@media(max-width:1320px){body.has-main-navigation .compact-main-menu.pos-header{gap:14px}.compact-main-menu .pos-toolbar>.user-state{display:none}.compact-main-menu .desktop-main-nav>details>summary{padding-inline:9px}}
@media(max-width:1180px){.compact-main-menu .global-search-launch{width:44px;max-width:44px;min-width:44px;justify-content:center;padding:10px}.compact-main-menu .global-search-launch>span{display:none}.compact-main-menu .pos-toolbar{gap:4px}.compact-main-menu .desktop-main-nav>details>summary{padding-inline:8px}}
@media(max-width:1100px){
 body.has-main-navigation .compact-main-menu.pos-header{height:var(--app-header-height,64px);min-height:var(--app-header-height,64px);padding:8px 12px!important;gap:10px;align-items:center!important}
 .compact-main-menu .desktop-main-nav,.compact-main-menu .pos-toolbar>.current-cash-desk,.compact-main-menu .pos-toolbar>.user-state,.compact-main-menu .pos-toolbar>.assistant-menu-link,.compact-main-menu .pos-toolbar>.company-site-shortcut,.compact-main-menu .pos-toolbar>details:not(.mobile-main-menu){display:none!important}
 .compact-main-menu .pos-toolbar{flex:1 1 auto;flex-wrap:nowrap!important;gap:6px}
 .compact-main-menu .brand-mark{flex-basis:36px;width:36px;height:36px}
 .compact-main-menu .brand-text strong{font-size:16px}
 .compact-main-menu .brand-text small{max-width:145px;font-size:10px!important}
 .compact-main-menu .monitor-alert-link.is-clear{display:none!important}
 .compact-main-menu .monitor-alert-link.has-alerts{display:grid!important;width:44px;height:44px;flex-basis:44px}
 .compact-main-menu .mobile-main-menu{display:block!important}
 .compact-main-menu .mobile-main-menu>summary{display:grid!important;place-content:center;width:44px!important;height:44px!important;min-height:44px;padding:12px!important;gap:4px;border:1px solid #40516c!important;border-radius:9px!important}
 .compact-main-menu .mobile-main-menu>summary::after{display:none!important}
 .compact-main-menu .mobile-main-menu>summary>span{width:18px;height:2px;border-radius:2px;background:#edf4ff}
 .compact-main-menu .mobile-main-menu>.compact-menu-panel{position:fixed!important;top:calc(var(--app-header-height,64px) + 8px)!important;right:max(8px,env(safe-area-inset-right))!important;left:auto!important;display:block;width:min(390px,calc(100% - 16px))!important;min-width:0!important;max-height:calc(100dvh - var(--app-header-height,64px) - 24px - env(safe-area-inset-bottom));padding:9px!important;border:1px solid #dbe4ef;border-radius:13px;background:#fff;box-shadow:0 18px 48px #08172d30;overflow:auto;overscroll-behavior:contain;transform:none}
 .compact-main-menu .mobile-main-menu .mobile-menu-head{padding:8px 10px 12px}
 .compact-main-menu .mobile-main-menu details[data-navigation-group]{position:static;margin:3px 0;border:1px solid #e4eaf3;border-radius:10px}
 .compact-main-menu .mobile-main-menu details[data-navigation-group]>summary{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:12px;border-radius:9px;background:#fff;color:#253951;font-size:14px;font-weight:650;line-height:1.4;list-style:none;cursor:pointer}
 .compact-main-menu .mobile-main-menu details[data-navigation-group]>summary::after{content:"";display:block;width:7px;height:7px;margin:0 2px 3px 10px;border-right:1.5px solid #7587a1;border-bottom:1.5px solid #7587a1;transform:rotate(45deg)}
 .compact-main-menu .mobile-main-menu details[data-navigation-group][open]>summary{background:#f0f5fc;color:#175ab7}
 .compact-main-menu .mobile-main-menu details[data-navigation-group][open]>summary::after{margin-top:5px;transform:rotate(225deg)}
 .compact-main-menu .mobile-main-menu details[data-navigation-group]>summary.active{color:#175ab7}
 .compact-main-menu .mobile-main-menu details[data-navigation-group]>.compact-menu-sections{position:static;display:grid;gap:12px;width:auto;min-width:0;max-height:none;margin:0;padding:7px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
 .compact-main-menu .compact-menu-panel .compact-menu-section>a{min-height:44px;padding:10px 11px;font-size:14px}
 .compact-main-menu .compact-mobile-personal{display:grid;gap:2px;margin-top:10px;padding:9px 3px 3px;border-top:1px solid #e4eaf3}
 .compact-main-menu .compact-mobile-personal>a{display:block;min-height:44px;padding:11px;border-radius:8px;color:#3e526d;font-size:14px;line-height:1.5;text-decoration:none;white-space:normal}
 .compact-main-menu .compact-mobile-personal>a:hover{background:#f1f6fd}
}
@media print{body.has-main-navigation .compact-main-menu{display:none!important}body.has-main-navigation :target{scroll-margin-top:0}}