/* Scoped to the two menu tabs; logistics work pages keep their existing layout. */
:is(#tabAdmin,#tabCs)[hidden],.ws-layout [hidden]{display:none!important}
#appPage :is(#tabAdmin,#tabCs).on,#appPage #tabExtra.on{display:block!important;width:100%;max-width:none;margin:0;padding:0;overflow:auto;height:calc(100dvh - var(--erp-header-height,64px) - var(--erp-dock-height,74px));min-height:0}
:is(#tabAdmin,#tabCs) .ws-layout,#tabExtra .ws-layout{width:100%;max-width:1200px;margin:auto;padding:0 14px 20px;box-sizing:border-box;min-height:100%;color:#191F28}
.ws-layout *{box-sizing:border-box}.ws-section{color:#8B95A1;font-size:12px;font-weight:700;margin:18px 6px 8px}.ws-group{background:#fff;border-radius:18px;overflow:hidden}
.ws-group>button,.ws-group>a{display:flex;align-items:center;gap:12px;width:100%;padding:17px 14px;border:0;background:#fff;text-align:left;color:#191F28;text-decoration:none;cursor:pointer;font:inherit;min-width:0}.ws-group>button+button{border-top:1px solid #EEF1F5}
.ws-group>button.selected{background:#EEF4FF}.ws-group>button.selected{background:#FFF4D1}.ws-group>button>span,.ws-group>a>span{min-width:0;flex:1}.ws-group b{display:block;font-size:15px;font-weight:750}.ws-group small{display:block;font-size:11.5px;color:#8B95A1;margin-top:3px}.ws-group strong{font-size:23px;font-weight:400;color:#B0B8C1}
.ws-icon{width:44px;height:44px;flex-shrink:0;background:#F2F4F6;border-radius:14px;display:grid;place-items:center;font-size:24px;font-style:normal;color:#4E5968}.ws-icon.blue,.ws-numbers .blue{background:#EEF4FF;color:#2563EB}.ws-icon.blue,.ws-numbers .blue{background:#FFF4D1;color:#946200}.ws-icon.violet{background:#F3EEFF;color:#7C3AED}.ws-icon.green,.ws-numbers .green{background:#E8F7EF;color:#12A15E}.ws-numbers{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.ws-numbers em{font-size:10.5px;font-style:normal;border-radius:7px;padding:3px 7px;font-weight:700}.ws-numbers .orange{background:#FFF4E5;color:#D97706}.ws-version{font-size:11px;color:#8B95A1;text-align:center;margin:24px 0}
.ws-content{min-width:0}.ws-empty{padding:80px 16px;text-align:center;color:#8B95A1}.ws-back{border:0;border-radius:10px;background:#fff;padding:10px 12px;color:#2563EB;font:inherit;font-size:13px;margin:10px 0;cursor:pointer}.ws-back{border:0;border-radius:10px;background:#fff;padding:10px 12px;color:#946200;font:inherit;font-size:13px;margin:10px 0;cursor:pointer}.ws-admin-frame{width:100%;height:calc(100dvh - var(--erp-header-height,64px) - var(--erp-dock-height,74px) - 65px);border:0;display:block;background:#F5F7FA;border-radius:16px}
#tabExtra #extraMenu{background:transparent!important;padding:0!important;min-height:0!important;width:100%;max-width:none!important}
#tabExtra .extra-user-card{margin:16px 0!important;max-width:none;width:100%}#tabExtra .extra-user-name{overflow-wrap:anywhere}#tabExtra .app-grid{display:flex!important;justify-content:space-between;gap:8px;padding:14px 0;margin:0!important;width:100%}#tabExtra .app-icon{flex:1;min-width:0;font-size:clamp(12px,1vw,15px)}#tabExtra .app-icon-label small{display:none}#tabExtra .ws-menu{min-width:0}#tabExtra .works-login-card{width:100%;max-width:none;margin:14px 0}
#tabExtra .in-app{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:none!important;height:calc(100dvh - var(--erp-header-height,64px) - var(--erp-dock-height,74px) - 20px)!important;z-index:auto!important;border-radius:16px;overflow:hidden;margin:10px 0 0}
#tabExtra .in-app-hdr{background:#fff;color:#191F28;border-bottom:1px solid #EEF1F5}#tabExtra .in-app-hdr h2{white-space:normal;overflow:visible;min-width:0}#tabExtra .in-app-back{background:#F2F4F6;color:#2563EB}#tabExtra .in-app-back{background:#F2F4F6;color:#946200}#tabExtra .board-wrap,#tabExtra .chat-wrap{width:100%!important;max-width:none!important;padding:0!important}#tabExtra .in-app-body>div{max-width:none!important}
@media(max-width:767.98px){:is(#tabAdmin,#tabCs):not(.ws-has-content) .ws-content{display:none}:is(#tabAdmin,#tabCs).ws-has-content .ws-menu,#tabExtra.ws-has-content .ws-menu{display:none}#tabExtra.ws-has-content #wsExtraHome{display:none!important}}
@media(min-width:768px) and (max-width:1199.98px){:is(#tabAdmin,#tabCs) .ws-layout,#tabExtra .ws-layout{max-width:900px;padding:0 24px 24px}:is(#tabAdmin,#tabCs).ws-has-content .ws-menu,#tabExtra.ws-has-content .ws-menu{display:none}#wsExtraHome{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}:is(#tabAdmin,#tabCs):not(.ws-has-content) .ws-content{display:none}}
@media(min-width:1200px){:is(#tabAdmin,#tabCs) .ws-layout,#tabExtra .ws-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px;padding:12px 24px 24px}#tabExtra .ws-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr)}.ws-layout>.ws-menu{position:sticky;top:0;align-self:start}#tabExtra .app-grid{display:flex!important;flex-direction:column;align-items:stretch;background:#fff;border-radius:18px;padding:6px 0}#tabExtra .app-icon{display:flex;align-items:center;gap:12px;padding:12px 16px;text-align:left;border-radius:12px;width:100%}#tabExtra .app-icon.selected{background:#EEF4FF}#tabExtra .app-icon.selected{background:#FFF4D1}#tabExtra .app-icon-img{width:44px;height:44px;flex-shrink:0;margin:0;font-size:23px}#tabExtra .app-icon-label{font-size:15px;font-weight:700;text-align:left}#tabExtra .app-icon-label small{display:block;font-size:11.5px;font-weight:400;color:#8B95A1;margin-top:3px}#tabExtra .ws-content input:not([type=checkbox]),#tabExtra .ws-content textarea,#tabExtra .ws-content .btn-pri,#tabExtra .ws-content .btn-sec{max-width:480px}:is(#tabAdmin,#tabCs) .ws-back{margin-top:0}}
html.ws-admin-active #appPage>.tabs,html.ws-admin-active #appPage>.cs-head{display:none!important}
html.ws-admin-active #appPage{padding-left:0!important}
html.ws-admin-active #erpSidebar{display:none!important}
html.ws-admin-active #appPage>.dock{display:block!important}
/* The original unified layout caps every tab at 960px. Widen only these tabs. */
html.layout-unified.ws-admin-active #appPage.v9.erp-shell,html.layout-unified.ws-extra-active #appPage.v9.erp-shell{max-width:none!important;padding:0!important}
html.layout-unified.ws-admin-active #appPage.v9.erp-shell>.dock,html.layout-unified.ws-extra-active #appPage.v9.erp-shell>.dock{max-width:1200px!important}
html.ws-extra-active #appPage #tabExtra{max-width:none!important}
#tabExtra .ws-unavailable{padding:32px 24px;margin:20px;background:#fff;border-radius:16px;color:#8B95A1;text-align:center;font-size:14px}

@media(min-width:1200px){#tabExtra #wsExtraMenu .app-icon{flex-direction:row!important;justify-content:flex-start!important}#tabExtra #wsExtraMenu .app-icon-label{max-width:none!important;width:auto!important;flex:1;min-width:0;white-space:normal;overflow:visible}#tabExtra #wsExtraMenu .app-icon-label small{white-space:normal}}
/* 82: hide late-created shortcuts regardless of authentication timing. */
#appPage #tabExtra .cs-quick-link{display:none!important}
.ws-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-icon.orange{background:#FFF4E5;color:#D97706}
html.layout-unified #appPage.v9.erp-shell :is(#wsAdminContent,#wsCsContent)>#csMain{display:block!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-width:0}
html.layout-unified #appPage.v9.erp-shell :is(#wsAdminContent,#wsCsContent)>#csMain[hidden]{display:none!important}
:is(#wsAdminContent,#wsCsContent) #csMain>.cs-mobile-menu{display:none!important}:is(#wsAdminContent,#wsCsContent) .cs-table-wrap{overflow-x:auto}:is(#wsAdminContent,#wsCsContent) .page{min-width:0}:is(#wsAdminContent,#wsCsContent) .page>.ph h1{font-size:20px}:is(#wsAdminContent,#wsCsContent) #csMain .lay{grid-template-columns:minmax(0,1fr)}
html.ws-extra-active #erpUnifiedTitle{overflow:visible!important;text-overflow:clip!important;white-space:nowrap}
@media(min-width:1200px){:is(#tabAdmin,#tabCs) :is(#wsAdminBack,#wsCsBack){display:none!important}:is(#tabAdmin,#tabCs) .ws-admin-frame{height:calc(100dvh - var(--erp-header-height,64px) - var(--erp-dock-height,74px) - 36px)}}
@media(min-width:1200px){#wsAdminMenu .ws-group>button,#wsAdminMenu .ws-group>a{padding:11px 14px}#wsAdminMenu .ws-section{margin:12px 6px 6px}#wsAdminMenu .ws-version{margin:16px 0}}
/* Keep hold actions in normal flow above rows, never over the order list. */
:is(#wsAdminContent,#wsCsContent) #csHolds .ws-hold-actions{position:static!important;inset:auto!important;transform:none!important;width:auto!important;max-width:none!important;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;padding:10px;z-index:auto!important}
/* The primary menu is four equal columns, including on narrow phones. */
#appPage .tabbar.erp-three-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#appPage .tabbar.erp-three-tabs>button{min-width:0!important;width:100%!important;margin:0!important;padding:7px 2px!important;box-sizing:border-box}
#appPage .tabbar.erp-three-tabs>button>span{white-space:nowrap!important;font-size:clamp(11px,3.1vw,13px)!important;overflow:visible!important;text-overflow:clip!important}
#appPage .tabbar.erp-three-tabs>button>svg{width:23px;height:23px;flex-shrink:0}
#appPage .tabbar.erp-three-tabs>button[data-page=cs].on{background:#EEF4FF;color:#2563EB}#appPage .tabbar.erp-three-tabs>button[data-page=cs].on{background:#FFF4D1;color:#946200}
#wsCsContent>#csMain[hidden]{display:none!important}
html.ws-cs-active #erpUnifiedTitle{min-width:0;white-space:nowrap}
/* Settings uses the same list menu as CS; retain each original item's handler. */
#wsExtraMenu .app-grid{display:block!important;padding:0!important;border-radius:18px;background:#fff;overflow:hidden}
#wsExtraMenu .app-grid>.app-icon{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;width:100%!important;min-width:0;padding:13px 14px!important;margin:0!important;border-radius:0!important;box-sizing:border-box;text-align:left!important;cursor:pointer}
#wsExtraMenu .app-grid>.app-icon+.app-icon{border-top:1px solid #EEF1F5}
#wsExtraMenu .app-icon-label{display:block!important;flex:1;text-align:left!important;font-size:15px!important;font-weight:750;min-width:0;max-width:none!important;width:auto!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
#wsExtraMenu .app-icon-label small{display:block;font-size:11.5px;font-weight:400;color:#8B95A1;margin-top:3px}
#wsExtraMenu .app-icon-img{width:42px!important;height:42px!important;flex-shrink:0}
#wsCsMenu .ws-section{margin:12px 6px 6px}
#wsCsMenu .ws-group>button,#wsCsMenu .ws-group>a{padding:12px 14px}
#wsCsContent .ws-admin-frame{height:calc(100dvh - var(--erp-header-height,64px) - var(--erp-dock-height,74px) - 65px)}
@media(min-width:1200px){#wsCsContent .ws-admin-frame{height:calc(100dvh - var(--erp-header-height,64px) - var(--erp-dock-height,74px) - 36px)}}
@media(max-width:767.98px){#tabExtra:not(.ws-has-content) .ws-content{display:none!important}}