/* v1.6 navigation states: same dock, work screen internals unchanged. */
#lgBack,#lgOutboundBack,#ivBack,#fvBack{display:none!important}
#lgWorkNavigation[hidden]{display:none!important}html.layout-unified #appPage.v9 .dock .tabbar.lg-main-hidden{display:none!important}
.lg-work-navigation{display:flex;align-items:stretch;gap:3px;width:100%;padding:5px;background:#fff;border:1px solid #EAECF0;border-radius:24px;box-shadow:0 7px 26px #10182812;animation:work-navigation-in .3s ease-out;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@supports(backdrop-filter:blur(1px)){.lg-work-navigation{background:#ffffffdc}}
.lg-work-navigation button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;min-width:0;border:0;border-radius:18px;background:none;color:#8B95A1;font:700 10px -apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;padding:6px 1px;min-height:48px;cursor:pointer}
.lg-work-navigation .lg-work-home{flex:0 0 36px;align-self:center;min-height:44px;background:#F2F4F6;border-radius:12px;font-size:21px;margin-right:6px}.lg-work-home:after{content:'';position:absolute;right:-5px;top:5px;bottom:5px;width:1px;background:#E4E7EC}
.lg-work-navigation .on{background:linear-gradient(135deg,#438BFF,#2463EB);color:white;box-shadow:0 4px 10px #2463eb40}.lg-work-navigation .on{background:linear-gradient(135deg,#FFC21A,#FFC21A);color:#2B1D00;box-shadow:0 4px 10px rgba(255,194,26,0.25098039215686274)}.lg-work-icon{display:block;height:19px}.lg-work-icon svg{height:19px;width:19px}.lg-work-label{white-space:nowrap}.lg-work-navigation sup{position:absolute;top:0;right:1px;background:#F04452;color:white;min-width:15px;padding:1px 3px;border-radius:9px;font-size:9px;line-height:13px}.lg-work-navigation sup[hidden]{display:none!important}
html.layout-unified #appPage.v9 .dock.lg-work-dock{background:linear-gradient(0deg,#F5F7FA 0%,#f5f7fae8 55%,#f5f7fa00 100%)!important;padding-top:20px!important}.work-navigation-active #tabWorker{padding-bottom:110px!important}.work-navigation-active #incomingNew{height:calc(100dvh - 110px)}
html.kb-open #lgWorkNavigation,html.frame-kb-open #lgWorkNavigation{visibility:hidden!important;pointer-events:none!important}html.frame-kb-open #appPage.v9>.dock{visibility:hidden!important;pointer-events:none!important}html.frame-kb-open #incomingNew{height:100dvh}
@keyframes work-navigation-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.lg-work-navigation{animation:none}}

.embedded-work #incomingA>.iv-head,.embedded-work .fv-header{display:none!important}

.erp-work-identity{position:static;color:#5B6576;font-size:12px;font-weight:400;line-height:18px;margin:4px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Only first-row heading spacing, not the cards or their instructions. */
.embedded-work #incomingA,.embedded-work .main-container{padding-top:0!important}.embedded-work #erpFrameIdentity{display:none!important}

.erp-work-frame{display:block;width:100%;height:100%;border:0;background:#F5F7FA}.erp-work-frame[hidden]{display:none!important}
/* v1.9.7 field feedback */
.lg-work-navigation .lg-incoming-return{position:absolute;top:-6px;left:8px;width:22px;height:22px;border-radius:50%;background:#fff;color:#2563EB;border:2px solid #2563EB;box-shadow:0 2px 6px #0003;display:grid;place-items:center;font-size:13px;font-weight:900}.lg-work-navigation .lg-incoming-return{position:absolute;top:-6px;left:8px;width:22px;height:22px;border-radius:50%;background:#fff;color:#946200;border:2px solid #FFC21A;box-shadow:0 2px 6px #0003;display:grid;place-items:center;font-size:13px;font-weight:900}.lg-work-navigation .lg-incoming-return[hidden]{display:none!important}

/* v1.9.7 measured dynamic viewport layout */
html.erp-dynamic-layout #appPage.v9.erp-shell{display:flex!important;flex-direction:column;height:100dvh!important;min-height:0!important;overflow:hidden!important}html.erp-dynamic-layout #erpUnifiedHeader{flex:none}html.erp-dynamic-layout #appPage.v9.erp-shell #tabWorker.on,html.erp-dynamic-layout #appPage.v9.erp-shell #tabAction.on{flex:1;min-height:0;height:auto!important;box-sizing:border-box;padding-bottom:0!important;overflow:auto!important}html.erp-dynamic-layout.erp-work-embedded #appPage.v9.erp-shell #tabWorker.on{padding-bottom:0!important;overflow:hidden!important}html.erp-dynamic-layout.erp-work-embedded #incomingNew{height:100%!important;min-height:0;flex:1}html.erp-dynamic-layout #appPage.v9.erp-shell>.dock{position:fixed!important;bottom:0!important;padding:0 0 env(safe-area-inset-bottom,0px)!important;background:#F5F7FA!important}html.erp-dynamic-layout #lgWorkNavigation{padding-bottom:5px}html.erp-dynamic-layout #tabAction>.v9-scroll{flex:1;min-height:0;overflow:auto}body.embedded-work #incomingA,body.embedded-work .main-container{padding-bottom:12px!important}
html.erp-dynamic-layout #appPage[style*="display: none"],html.erp-dynamic-layout #appPage[style*="display:none"]{display:none!important}

/* Work headings follow the work body, never the full-width menu heading offset. */
html.work-navigation-active body #appPage #erpUnifiedHeader{width:100%!important;margin-left:0!important;padding-left:14px!important;padding-right:14px!important}
@media(max-width:767px){html:has(#lgWorkNavigation>.lg-picking-selected) #erpUnifiedTitle{font-size:18px!important}html:has(#lgWorkNavigation>.lg-picking-selected) #erpHeaderPerson{max-width:60px;min-width:0}html:has(#lgWorkNavigation>.lg-picking-selected) #erpHeaderPerson>*{overflow:hidden;text-overflow:ellipsis}}

@media(max-width:767px){html:has(#lgWorkNavigation>.lg-picking-selected) #erpHeaderActions{flex:0 0 192px!important;max-width:192px!important;margin-left:auto;justify-content:flex-end}html:has(#lgWorkNavigation>.lg-picking-selected) #erpHeaderActions #erpHeaderPerson{max-width:100px!important}}

/* 120: only the selected picking cell changes; the persistent work dock stays intact. */
#lgWorkNavigation>.lg-picking-selected{flex:2.4;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:19px 24px;gap:1px 3px;padding:2px 1px;min-height:48px}
#lgWorkNavigation>.lg-picking-selected>.lg-work-icon{grid-column:1;grid-row:1;justify-self:end}
#lgWorkNavigation>.lg-picking-selected>.lg-work-label{grid-column:2;grid-row:1;justify-self:start;align-self:center}
#lgWorkNavigation .lg-picking-switch{position:relative;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 8px);max-width:150px;height:24px;justify-self:center;border-radius:999px;background:#ffffff38;touch-action:pan-y;user-select:none;-webkit-user-select:none}
#lgWorkNavigation .lg-picking-switch[hidden]{display:none!important}
#lgWorkNavigation .lg-picking-switch b{position:relative;z-index:1;display:grid;place-items:center;font:inherit;font-size:10px;white-space:nowrap;pointer-events:none;color:#fff}
#lgWorkNavigation .lg-picking-thumb{position:absolute;inset:2px auto 2px 2px;width:calc(50% - 2px);border-radius:999px;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .2s ease;pointer-events:none}
#lgWorkNavigation .lg-picking-switch[data-mode=work] .lg-picking-thumb{transform:translateX(100%)}
#lgWorkNavigation .lg-picking-switch[data-mode=list] b:nth-child(2),#lgWorkNavigation .lg-picking-switch[data-mode=work] b:nth-child(3){color:#2463EB}#lgWorkNavigation .lg-picking-switch[data-mode=list] b:nth-child(2),#lgWorkNavigation .lg-picking-switch[data-mode=work] b:nth-child(3){color:#946200}
@media(prefers-reduced-motion:reduce){#lgWorkNavigation .lg-picking-thumb{transition:none}}

/* 122: large picking counts stay clear of the icon. */
#lgWorkNavigation>.lg-picking-selected>sup{left:auto;right:2px;top:-2px}
#lgWorkNavigation>[data-work-nav="/picking/"]>.lg-work-icon>sup{left:calc(100% + 1px);right:auto}
