.panel-subtasks{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 20px}.panel-benefits-frame{width:100%;min-height:600px;border:0;display:block;background:transparent}.panel-session-dialog{width:min(94vw,480px);max-height:92dvh;overflow:auto;border:1px solid #dce2ef;border-radius:20px;padding:26px;color:#17213c}.panel-session-dialog::backdrop{background:#15213be6}.panel-session-dialog input{width:100%;min-height:46px}.panel-session-dialog form{margin:18px 0}.panel-session-dialog p{line-height:1.55}.panel-capability{border:1px solid #dce2ef;border-radius:14px;padding:16px}.panel-capability .tag{margin-right:8px}@media(max-width:650px){.panel-subtasks .btn{flex:1 1 160px}.panel-session-dialog{padding:20px}.panel-benefits-frame{min-height:520px}}

/* The benefit hub owns its catalogue navigation; keep a single task header. */
body:has(.panel-benefits-frame) .page-head{margin-bottom:18px}.panel-benefits-frame{min-height:440px}

.panel-back{display:inline-flex;align-items:center;min-height:36px;margin:0 0 16px;padding:6px 0;line-height:1.5}

/* Dark workspace navigation: customer cards retain their own business branding. */
.shell .sidebar{background:var(--workspace-nav,#252525);border-color:#3d3d3d;padding:24px 16px;overflow:hidden}
.sidebar .brand{color:#fff}.sidebar .brand>span:last-child:not(.brandmark){color:#fff!important}.sidebar .brandmark{background:#2447ef;color:#fff}
.sidebar .edition,.sidebar .nav-label{color:#bdbdbd}.shell:not(.platform-shell) .sidebar .edition,.shell:not(.platform-shell) .sidebar .nav-label{display:none}
.sidebar .brand{flex-shrink:0;margin-bottom:24px}.sidebar .nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;gap:5px;scrollbar-width:thin;scrollbar-color:#686868 #252525}
.sidebar .nav a,.sidebar .nav button{display:flex;align-items:center;gap:12px;min-height:44px;padding:12px 14px;border-radius:9px;color:var(--workspace-nav-text,#d0d0d0);font-size:14px;flex-shrink:0;line-height:1.4;text-decoration:none}
.sidebar .nav a:hover,.sidebar .nav button:hover{background:#303030;color:#fff}.sidebar .nav a.active,.sidebar .nav button.active{background:var(--workspace-nav-active,#3b3b3b);color:#fff;font-weight:700;box-shadow:inset 3px 0 #9eb0ff}
.sidebar .nav .ui-icon{width:20px;height:20px}.sidebar .nav a:focus-visible,.sidebar .nav button:focus-visible,.sidebar .logout:focus-visible,.workspace-menu-toggle:focus-visible{outline:3px solid var(--workspace-focus,#a8b8ff);outline-offset:-3px}
.sidebar .sidebar-bottom{padding-top:18px;flex-shrink:0}.sidebar .sidebar-bottom .profile{margin-top:0;border-color:#484848;gap:8px}.sidebar .profile strong{color:#fff}.sidebar .profile small{color:#bdbdbd}.sidebar .avatar{background:#3c4050;color:#fff}.sidebar .sidebar-bottom .profile .logout{color:#e3e3e3;min-height:44px}.sidebar .local-note{display:none}
.shell .workspace{background:#fafafa}.shell .topbar{background:#fff}.shell .page-head h1{font-size:clamp(26px,2.5vw,36px);line-height:1.2}
.workspace-menu-toggle{display:none}
@media(max-width:760px){
 .shell .sidebar{position:relative;width:100%;padding:16px;border-color:#454545}.sidebar .brand{margin-bottom:0;padding-right:90px;min-height:44px}.sidebar .edition,.sidebar .nav-label{display:none}
 .sidebar .workspace-menu-toggle{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:16px;right:16px;min-width:76px;min-height:44px;border:1px solid #626262;border-radius:8px;background:#303030;color:#fff;font-size:14px;font-weight:700;padding:10px 14px}
 .sidebar[data-navigation-enhanced=true] .nav{display:none}.sidebar[data-navigation-enhanced=true][data-menu-open=true] .nav{display:flex;flex-direction:column;margin-top:16px;max-height:min(60dvh,420px);overflow-y:auto;gap:4px}.sidebar .nav a,.sidebar .nav button{width:100%;white-space:normal;text-align:left;font-size:14px;min-height:44px;padding:12px 14px}.sidebar .sidebar-bottom{display:none}
}

/* Keep context in the header and leave the sidebar for navigation. */
.shell .sidebar{padding:20px 16px}.shell .sidebar .edition,.shell .sidebar .nav-label{display:none}.shell .sidebar .brand{font-size:28px;margin-bottom:16px;gap:10px}.shell .sidebar .brandmark{width:36px;height:36px;font-size:22px}.shell .sidebar .nav{margin-top:0}.shell .breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shell .breadcrumb>a{font-size:inherit;text-decoration:none;color:inherit}.shell .breadcrumb>a:hover{text-decoration:underline}
@media(max-width:760px){.shell .sidebar{padding:16px}.shell .sidebar .brand{margin-bottom:0}.shell .breadcrumb{gap:5px}}

/* Keep long workspace pages discoverable without adding another content scroller. */
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 html:has(.shell){overflow-y:scroll;scrollbar-gutter:stable;scrollbar-width:auto}
 html:has(.shell)::-webkit-scrollbar{width:12px}
 html:has(.shell)::-webkit-scrollbar-track{background:#edf0f5}
 html:has(.shell)::-webkit-scrollbar-thumb{background:#737f92;border:2px solid #edf0f5;border-radius:8px;min-height:40px}
 html:has(.shell)::-webkit-scrollbar-thumb:hover{background:#556176}
}
@media(min-width:761px) and (hover:hover) and (pointer:fine) and (forced-colors:active){
 html:has(.shell)::-webkit-scrollbar-track{background:Canvas}
 html:has(.shell)::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
}