/* One shell geometry. Only explicit menu controls change the expanded state; narrow screens retain their drawer.
   Repeated class specificity intentionally wins over workspace-specific legacy shell rules. */
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending){--crm-shell-top:64px;--brand-sidebar-width:210px!important;--wb-nav:var(--brand-sidebar-width)!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending):has(.inventory-workspace.inv-reference-workspace){--crm-shell-top:52px}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top{position:fixed!important;inset:0 0 auto 0!important;height:var(--crm-shell-top)!important;min-height:var(--crm-shell-top)!important;width:100%!important;flex-wrap:nowrap!important;box-sizing:border-box}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand{height:var(--crm-shell-top)!important;width:var(--brand-sidebar-width)!important;max-width:none!important;flex:0 0 var(--brand-sidebar-width)!important;white-space:nowrap!important;font-size:18px!important;line-height:1.3!important;padding:0 20px!important;gap:10px!important;overflow:hidden}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout{display:grid!important;grid-template-columns:var(--brand-sidebar-width) minmax(0,1fr)!important;margin-top:var(--crm-shell-top)!important;min-height:calc(100dvh - var(--crm-shell-top))!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>.main{grid-column:2!important;min-width:0;max-width:100%}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav{position:fixed!important;inset:var(--crm-shell-top) auto 0 0!important;width:var(--brand-sidebar-width)!important;height:calc(100dvh - var(--crm-shell-top))!important;max-height:none!important;min-height:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-content:normal!important;align-items:stretch!important;padding:8px 8px!important;gap:2px!important;overflow-y:auto!important;overflow-x:hidden!important;scroll-padding-block:12px;overscroll-behavior:contain;box-sizing:border-box;transition:none;z-index:100}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav :is(.nav-primary,.nav-secondary){display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-content:normal!important;align-items:stretch!important;flex:0 0 auto!important;min-width:0;width:100%;gap:3px!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .nav-group{flex:0 0 auto!important;min-width:0;margin-top:4px!important;padding-top:4px!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .nav-group>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav :is(button,details.nav-group>summary){display:flex!important;align-items:center;gap:10px;white-space:nowrap!important;min-width:0;min-height:36px!important;padding:7px 12px!important;font-size:13px!important;line-height:20px!important;flex-shrink:0;box-sizing:border-box}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav :is(.brand-nav-icon,.sidebar-rail-icon){display:block!important;width:18px!important;height:18px!important;min-width:18px;flex:0 0 18px;margin:0!important;pointer-events:none}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .sidebar-menu-label{position:static!important;width:auto!important;height:auto!important;clip-path:none!important;visibility:visible!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit!important;line-height:inherit!important;min-width:0}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .nav-group>summary::after{margin-left:auto}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .nav-caption{display:block!important;visibility:visible!important;height:16px!important;min-height:16px!important;padding:0!important;margin:6px 12px 3px!important;white-space:nowrap;line-height:16px!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .nav-foot{display:block!important;visibility:visible!important;flex:0 0 auto!important;min-height:24px!important;margin-top:auto!important;padding:8px 12px 0!important;line-height:16px!important;white-space:nowrap}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav.nav [hidden]{display:none!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav button:has(svg)::before{display:none!important;content:none!important}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .customer-workspace-nav:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .customer-workspace-nav [data-workspace-control]{justify-content:center}
.crm-nav-trigger,.crm-nav-close,.crm-nav-backdrop{display:none!important}
@media(min-width:1024px){
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav{visibility:visible!important;transform:none!important;pointer-events:auto!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto.crm-sidebar-collapsed:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout{grid-template-columns:0 minmax(0,1fr)!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto.crm-sidebar-collapsed:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav{visibility:hidden!important;transform:translateX(-100%)!important;pointer-events:none!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top>.crm-nav-trigger{display:inline-flex!important;position:absolute;left:8px;top:calc((var(--crm-shell-top) - 36px)/2);align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:7px;border:0;border-radius:6px;background:#192022;color:#f8faf9;cursor:pointer;z-index:2}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top>.crm-nav-trigger .sidebar-rail-icon{width:20px;height:20px}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand{padding-left:52px!important;padding-right:8px!important}
}
@media(max-width:1023px){
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending){--crm-shell-top:56px!important;--brand-sidebar-width:0px!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top{padding:0 12px!important;gap:8px!important;justify-content:flex-start!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand{width:auto!important;min-width:0!important;max-width:none!important;flex:0 1 auto!important;height:56px!important;padding:0 10px!important;font-size:16px!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand-mark{flex:0 0 24px!important;width:24px!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .toptools{margin-left:auto;flex-wrap:nowrap!important;gap:7px!important;min-width:0}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .workspace-badge{display:none!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;margin-top:56px!important;min-height:calc(100dvh - 56px)!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>.main{grid-column:auto!important;width:100%!important;min-width:0}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav{width:min(280px,calc(100vw - 40px))!important;max-width:none!important;transform:translateX(-100%)!important;visibility:hidden!important;pointer-events:none!important;white-space:normal!important;box-shadow:8px 0 28px #111b2422}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending).crm-nav-open .frame>.layout>nav.nav{transform:none!important;visibility:visible!important;pointer-events:auto!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending).crm-nav-open{overflow:hidden!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top>.crm-nav-trigger{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:7px;border:0;border-radius:6px;background:#192022;color:#f8faf9;cursor:pointer}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .crm-nav-trigger .sidebar-rail-icon{width:20px;height:20px}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav .crm-nav-close:not([hidden]){display:flex!important;justify-content:flex-start;border-bottom:1px solid #35413e!important;border-radius:0!important;margin-bottom:8px;min-height:40px!important}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .crm-nav-backdrop:not([hidden]){display:block!important;position:fixed;inset:56px 0 0;z-index:90;width:100%;height:calc(100dvh - 56px);margin:0;padding:0;border:0;border-radius:0;background:#111b244d;cursor:default}
 body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav :is(button,details.nav-group>summary){min-height:36px!important;padding-block:7px!important}
}
@media(max-width:480px){body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top{padding:0 8px!important;gap:4px!important}body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand{font-size:14px!important;padding:0 6px!important;gap:6px!important}body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .sample-badge{display:none!important}body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .toptools{gap:5px!important}body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .toptools>button{font-size:11px;padding:5px 8px}}
@media(prefers-reduced-motion:reduce){body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav{transition:none!important}}

/* Match the inventory's fixed-height workspace to the actual shared header.
   The old 52px calculation under a 56px header created an extra 4px page scrollbar. */
@media(min-width:761px){body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending):has(.inventory-workspace.inv-reference-workspace) .frame>.layout{height:calc(100dvh - var(--crm-shell-top))!important;min-height:0!important}}

@media(max-width:1023px) and (hover:none){body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.layout>nav.nav :is(button,details.nav-group>summary){min-height:44px!important;padding-block:11px!important}}

/* Two-line supplied wordmark keeps the CRM tag outside the image. */
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand .crm-brand-lockup{display:flex;align-items:center;gap:10px;position:relative;width:146px;height:44px;flex:0 1 146px;min-width:0;line-height:1}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand img.crm-brand-logo{display:block;width:82px;height:44px;max-height:44px;object-fit:contain}
body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand .crm-product-tag{position:static;font-size:10px;font-weight:700;line-height:12px;letter-spacing:.08em;color:inherit}
@media(max-width:480px){body.crm-ui.crm-sidebar-auto.crm-sidebar-auto:not(.crm-auth-screen):not(.crm-auth-pending) .frame>.top .brand .crm-brand-lockup{width:128px;height:44px;flex-basis:128px}}