/* Chrome only: intentionally no rules for .content, .page, tables or KPI cards. */
body[data-shell="staging"]{--bs-panel:#fff;--bs-ink:#192638;--bs-muted:#607496;--bs-line:#dce4f2;--bs-soft:#f5f7fb;--bs-blue:#2458ee;--bs-active:#edf3ff}
body[data-shell="staging"][data-theme="dark"]{--bs-panel:#121a26;--bs-ink:#f2f5fa;--bs-muted:#a1aec0;--bs-line:#293548;--bs-soft:#182230;--bs-blue:#83abff;--bs-active:#1c3154}
body[data-shell="staging"] #sidebar{width:246px;height:100dvh;min-height:0;background:var(--bs-panel);color:var(--bs-ink);border-right:1px solid var(--bs-line);box-shadow:none;backdrop-filter:none;overflow:hidden!important;font-family:'Stack Sans Text',system-ui,sans-serif;z-index:200}
body[data-shell="staging"] #sidebar [hidden]{display:none!important}
body[data-shell="staging"] #sidebar .s-logo{padding:0;flex:none;border:0;background:none}
body[data-shell="staging"] .bs-brand{display:flex;align-items:center;gap:16px;padding:24px 17px;height:84px;color:var(--bs-ink);font-size:22px;font-weight:800;letter-spacing:2px;text-decoration:none;white-space:nowrap}
body[data-shell="staging"] .bs-brand-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;background:#235ce6;color:#fff;border-radius:10px;font-size:27px;letter-spacing:-3px;padding-right:3px}
body[data-shell="staging"] .bs-workspace{margin:0 15px 17px;padding:12px;background:var(--bs-soft);border:1px solid var(--bs-line);border-radius:9px;flex:none}
body[data-shell="staging"] .bs-workspace strong{display:block;font-size:13px;color:var(--bs-ink)}
body[data-shell="staging"] .bs-workspace small{display:block;font-size:12px;margin-top:4px;color:var(--bs-muted)}
body[data-shell="staging"] #sidebar .s-nav{flex:1;min-height:0;padding:0 12px 18px;overflow-y:auto!important;overflow-x:hidden!important;gap:0;scrollbar-width:thin}
body[data-shell="staging"] #sidebar .ni{display:flex;align-items:center;gap:11px;width:100%;margin:0;padding:12px 10px 7px;border:0;border-radius:7px;background:none;box-shadow:none;color:var(--bs-muted);text-align:left;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;white-space:normal;line-height:1.5;cursor:pointer}
body[data-shell="staging"] #sidebar .bs-group-button{margin-top:8px;min-height:42px}
body[data-shell="staging"] #sidebar .s-nav>*{order:0!important}
body[data-shell="staging"] #sidebar .ni:before,body[data-shell="staging"] #sidebar .ni:after{display:none}
body[data-shell="staging"] #sidebar .ni.child{padding:9px 11px;margin:2px 0;min-height:37px;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none}
body[data-shell="staging"] #sidebar .ni.child:hover{background:var(--bs-soft);color:var(--bs-ink)}
body[data-shell="staging"] #sidebar .ni.child.active{background:var(--bs-active);color:var(--bs-blue);font-weight:650}
body[data-shell="staging"] #sidebar .dd-body{flex-shrink:0;max-height:0;transition:none;padding:0;border:0;margin:0}
body[data-shell="staging"] #sidebar .dd-body.open{max-height:none}
body[data-shell="staging"] #sidebar .dd-body:not(.open){display:none!important}
body[data-shell="staging"] .bs-icon{width:19px;height:19px;flex:0 0 19px}
body[data-shell="staging"] .bs-nav-text{min-width:0}
body[data-shell="staging"] #sidebar .ni{font-size:12px!important;font-weight:700!important;letter-spacing:.055em!important;background:transparent!important;color:var(--bs-muted)!important}
body[data-shell="staging"] #sidebar .ni.child{font-size:13px!important;font-weight:400!important;letter-spacing:normal!important}
body[data-shell="staging"] #sidebar .bs-nav-text{font:inherit!important;color:inherit!important}
body[data-shell="staging"] #sidebar .ni.child:hover{background:var(--bs-soft)!important;color:var(--bs-ink)!important}
body[data-shell="staging"] #sidebar .ni.child.active{background:var(--bs-active)!important;color:var(--bs-blue)!important;font-weight:650!important}
body[data-shell="staging"] #sidebar .bs-footer{flex:none;border-top:1px solid var(--bs-line);padding:14px 20px;background:none;font-size:12px;color:var(--bs-muted)}
body[data-shell="staging"] .bs-footer .profile-name,body[data-shell="staging"] .bs-footer .profile-role{font:inherit;color:inherit;text-transform:none;letter-spacing:normal;max-width:none;white-space:normal}
body[data-shell="staging"] #mainArea{margin-left:246px}
body[data-shell="staging"] #mainArea>.topbar{height:70px;min-height:70px;padding:0 32px;background:var(--bs-panel);border-bottom:1px solid var(--bs-line);box-shadow:none;color:var(--bs-ink);font-family:'Stack Sans Text',system-ui,sans-serif}
body[data-shell="staging"] #mainArea>.topbar,body[data-shell="staging"] #sidebar{background:var(--bs-panel)!important;background-image:none!important}
body[data-shell="staging"] .topbar #topTitle{display:block!important;font-family:inherit;font-size:13px;font-weight:500;color:var(--bs-muted)}
body[data-shell="staging"] .topbar-actions{align-items:center;gap:10px!important;padding-right:0!important;width:auto!important;flex:0 0 auto!important;margin-left:auto!important}
body[data-shell="staging"] #mainArea .topbar-actions>*{top:auto!important;margin-left:0!important}
body[data-shell="staging"] .topbar #topbarContextStatus{display:none!important}
body[data-shell="staging"] .topbar #cloudStatus{display:inline-flex!important}
body[data-shell="staging"] .topbar #cloudStatus{padding:5px 8px!important;border:1px solid var(--bs-line)!important;border-radius:5px!important;box-shadow:none!important;font-size:11px!important;font-weight:700!important;background:var(--bs-soft)!important;color:var(--bs-muted)!important}
body[data-shell="staging"] .topbar #cloudStatus::before{position:static!important;transform:none!important;width:5px!important;height:5px!important;box-shadow:none!important;margin:0 6px 0 0!important;flex:none}
body[data-shell="staging"] .topbar #cloudStatus,body[data-shell="staging"] .bs-access-mode{font-family:inherit;font-size:11px;letter-spacing:.07em;font-weight:700;border-radius:5px;white-space:nowrap}
body[data-shell="staging"] .bs-access-mode{padding:5px 8px;border:1px solid var(--bs-line);color:var(--bs-muted);background:var(--bs-soft)}
body[data-shell="staging"] .topbar .bs-theme,body[data-shell="staging"] .topbar .profile-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;height:auto;width:auto;padding:8px 12px;margin:0;background:var(--bs-panel);border:1px solid var(--bs-line);border-radius:7px;box-shadow:none;color:var(--bs-ink);font:500 13px 'Stack Sans Text',system-ui,sans-serif;cursor:pointer;white-space:nowrap}
body[data-shell="staging"] .topbar .profile-btn:before,body[data-shell="staging"] .topbar .profile-btn:after{display:none}
body[data-shell="staging"] #mainArea .topbar .profile-btn{border-radius:7px!important;width:auto!important;max-width:none!important;height:auto!important;min-height:36px!important;padding:8px 12px!important;box-shadow:none!important;background:var(--bs-panel)!important;color:var(--bs-ink)!important;border:1px solid var(--bs-line)!important}
body[data-shell="staging"] #profileMenu .profile-dropdown{display:none!important;top:calc(100% + 8px);background:var(--bs-panel);color:var(--bs-ink);border:1px solid var(--bs-line);border-radius:10px;box-shadow:0 10px 30px #0002;padding:16px}
body[data-shell="staging"] #profileMenu.open .profile-dropdown{display:grid!important;gap:12px}
body[data-shell="staging"] #profileMenu .profile-dropdown-user{padding:0;margin:0;border:0}
body[data-shell="staging"] #profileMenu .profile-dropdown-user b{color:var(--bs-ink)}
body[data-shell="staging"] #profileMenu .profile-dropdown-user span{color:var(--bs-muted)}
body[data-shell="staging"] .topbar .global-ai-summary,body[data-shell="staging"] .topbar .global-product-lookup{width:36px;min-width:36px;height:36px;padding:8px;border:1px solid var(--bs-line);border-radius:7px;box-shadow:none;background:var(--bs-panel);color:var(--bs-blue)}
body[data-shell="staging"] .topbar .global-ai-summary b{display:none}
body[data-shell="staging"] #burger.bs-mobile-menu{display:none}
body[data-shell="staging"] #sidebar a:focus-visible,body[data-shell="staging"] #sidebar button:focus-visible,body[data-shell="staging"] .topbar button:focus-visible{outline:2px solid var(--bs-blue);outline-offset:2px}
@media(min-width:1051px) and (hover:hover){
 body[data-shell="staging"] #mainArea{margin-left:68px!important}
 body[data-shell="staging"] #sidebar{width:68px;transform:none;transition:width .18s ease}
 body[data-shell="staging"] #sidebar:hover,body[data-shell="staging"] #sidebar:has(:focus-visible){width:274px;box-shadow:12px 0 30px #0002}
 body[data-shell="staging"] #sidebar:not(:hover):not(:has(:focus-visible)) .bs-workspace,body[data-shell="staging"] #sidebar:not(:hover):not(:has(:focus-visible)) .bs-footer,body[data-shell="staging"] #sidebar:not(:hover):not(:has(:focus-visible)) .bs-nav-text,body[data-shell="staging"] #sidebar:not(:hover):not(:has(:focus-visible)) .dd-body{display:none}
 body[data-shell="staging"] #sidebar:not(:hover):not(:has(:focus-visible)) .bs-group-button{padding:13px 11px}
 body[data-shell="staging"] #sidebar .ni.child{padding-left:21px}
}
@media(min-width:861px) and (max-width:1050px){body[data-shell="staging"] #sidebar{transform:none}body[data-shell="staging"] #mainArea{margin-left:246px!important}}
@media(max-width:860px){
 body[data-shell="staging"] #mainArea{margin-left:0!important}
 body[data-shell="staging"] #sidebar{transform:translateX(-100%)}
 body[data-shell="staging"] #sidebar.mobile-open{transform:translateX(0)}
 body[data-shell="staging"] #mainArea>.topbar{height:auto;min-height:60px;padding:10px 16px;gap:8px}
 body[data-shell="staging"] .topbar #topTitle{display:none!important}
 body[data-shell="staging"] .topbar-actions{margin-left:auto;gap:6px!important;flex:1 1 auto!important;min-width:0;width:0!important;flex-wrap:wrap;justify-content:flex-end}
 body[data-shell="staging"] #burger.bs-mobile-menu{display:block;position:static;width:32px;height:34px;min-width:32px;transform:none;margin:0;padding:4px;border:1px solid var(--bs-line);border-radius:7px;background:var(--bs-panel);color:var(--bs-ink);box-shadow:none;font-size:18px}
 body[data-shell="staging"] #burger.bs-mobile-menu:before,body[data-shell="staging"] #burger.bs-mobile-menu:after{display:none}
 body[data-shell="staging"] .topbar .bs-theme,body[data-shell="staging"] .topbar .profile-btn{padding:6px 8px;font-size:11px}
 body[data-shell="staging"] .bs-access-mode,body[data-shell="staging"] .topbar #cloudStatus{font-size:9px}
}
@media(prefers-reduced-motion:reduce){body[data-shell="staging"] #sidebar{transition:none}}