/* Application chrome and home share ENCA's active branding palette. */
body.workspaces-shell{--wc-rail-width:88px;--wc-brand:var(--green-deep);--wc-brand-ink:#fff;--wc-brand-muted:color-mix(in srgb,var(--wc-brand-ink) 80%,var(--wc-brand));--wc-active-bg:var(--ink);--wc-active-ink:var(--surface)}
body.workspaces-shell header{background:var(--wc-brand);color:var(--wc-brand-ink);border-color:color-mix(in srgb,var(--wc-brand-ink) 20%,var(--wc-brand))}
body.workspaces-shell .hwrap{max-width:none;padding:15px 22px;gap:25px;min-height:63px}
body.workspaces-shell:has(#betaRibbon)>header{padding-top:28px}
body.workspaces-shell #brandOrg,body.workspaces-shell #brandTag,body.workspaces-shell #workspaceContext,body.workspaces-shell .hwrap>.spacer{display:none!important}
.wc-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:650;letter-spacing:-.8px;color:var(--wc-brand-ink);min-width:0}
body.workspaces-shell #logoHome{min-width:0;flex-shrink:1}
body.workspaces-shell #brandLogo{display:block;width:34px;height:34px;object-fit:contain;max-width:180px;flex-shrink:0}
#wcBrandName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.wc-header-context{flex:1;color:var(--wc-brand-muted);font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc-nav-icon{width:16px;height:16px;flex-shrink:0}
#wcHeaderTools{display:flex;align-items:center;gap:8px;padding:7px 13px;background:color-mix(in srgb,var(--wc-brand-ink) 9%,var(--wc-brand));color:var(--wc-brand-ink);border:1px solid color-mix(in srgb,var(--wc-brand-ink) 24%,var(--wc-brand));border-radius:6px;font-size:11px;white-space:nowrap;flex-shrink:0}
#wcHeaderTools:hover{background:color-mix(in srgb,var(--wc-brand-ink) 17%,var(--wc-brand))}
body.workspaces-shell #acctBtn{border:0;border-radius:6px;background:transparent;color:var(--wc-brand-ink);padding:0;font-size:11px;gap:10px}
body.workspaces-shell #acctBtn:hover,body.workspaces-shell #acctBtn[aria-expanded=true]{background:color-mix(in srgb,var(--wc-brand-ink) 12%,var(--wc-brand))}
#wcAccountLabel{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
body.workspaces-shell #acctBtn #avatar{width:27px;height:27px;background:var(--surface);color:var(--ink);font-size:11px}
body.workspaces-shell #acctMenu #themeBtn{display:block;border:0;border-radius:8px;background:transparent;color:var(--ink);font-weight:400;font-size:13px;padding:8px 10px}
body.workspaces-shell #acctMenu #themeBtn:hover{background:var(--soft)}
.wc-account-note{font-size:11px;line-height:1.5;color:var(--muted);border-top:1px solid var(--border);margin-top:4px;padding:10px}
#wcCloseAll:disabled{opacity:.5;cursor:default}
body.workspaces-shell #sideNav,body.workspaces-shell #workspaceMenu{display:none!important}
body.workspaces-shell main,body.workspaces-shell.with-side.side-min main{margin:0 0 0 var(--wc-rail-width);padding:32px 32px 80px;max-width:none;min-width:0}
body.workspaces-shell .fwrap,body.workspaces-shell.with-side.side-min .fwrap{margin-left:var(--wc-rail-width);max-width:none}
body.workspaces-shell #screen-home{max-width:1320px;margin-inline:auto}
body.workspaces-shell #screen-home>:not(#wcHome):not(#permOverview):not(.workspace-about){display:none!important}
body.workspaces-shell #toolNav{padding:0 0 0 var(--wc-rail-width)}
body.workspaces-shell .toolnav-inner{padding:8px 16px;max-width:none;gap:5px;min-height:49px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
body.workspaces-shell .toolnav-inner>:first-child{margin-left:0}
body.workspaces-shell .toolnav-inner>:last-child{margin-right:0}
body.workspaces-shell .toolnav-tab{border:1px solid transparent;border-radius:6px;background:transparent;max-width:min(290px,calc(100vw - 160px));min-width:0;flex-shrink:0}
body.workspaces-shell #toolNav .toolnav-btn.home{position:sticky;left:0;z-index:2;background:var(--surface);flex-shrink:0}
body.workspaces-shell #toolNav .toolnav-btn{display:flex;align-items:center;gap:7px;min-width:0;padding:6px 10px;font-size:11px;font-weight:400;border-radius:6px}
body.workspaces-shell #toolNav .toolnav-tab .toolnav-btn{flex:1}
body.workspaces-shell #toolNav .toolnav-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.workspaces-shell #toolNav .toolnav-btn.home svg{width:16px;height:16px}
body.workspaces-shell #toolNav [data-navadd],body.workspaces-shell #toolNav [data-navhelp],body.workspaces-shell #toolNav [data-navcloseall]{display:none}
body.workspaces-shell #toolNav .toolnav-x{padding:6px 7px 6px 0;opacity:0;font-size:13px}
body.workspaces-shell #toolNav .toolnav-tab:hover .toolnav-x,body.workspaces-shell #toolNav .toolnav-tab:focus-within .toolnav-x{opacity:1}
/* Invert the theme's text/surface pair so the current location stays distinct. */
body.workspaces-shell .toolnav-tab.active{background:var(--wc-active-bg);border-color:var(--wc-active-bg)}
body.workspaces-shell #toolNav .toolnav-tab.active .toolnav-btn,body.workspaces-shell #toolNav .toolnav-tab.active .toolnav-x{color:var(--wc-active-ink)}
body.workspaces-shell #toolNav .toolnav-tab.active .toolnav-btn:hover,body.workspaces-shell #toolNav .toolnav-tab.active .toolnav-x:hover{background:transparent;color:var(--wc-active-ink)}
body.workspaces-shell #toolNav .toolnav-btn.home.active{background:var(--wc-active-bg);color:var(--wc-active-ink);border-color:var(--wc-active-bg)}
#wcRail{position:fixed;top:var(--sticky-header,66px);bottom:0;left:0;width:var(--wc-rail-width);padding:16px 8px;display:flex;flex-direction:column;gap:7px;z-index:46;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}
#wcRail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:transparent;color:var(--muted);padding:11px 4px;min-height:61px;flex-shrink:0}
#wcRail button>span{font-size:19px;line-height:1.1}
#wcRail button>small{font-size:11px;font-weight:500}
#wcRail button:hover{background:var(--soft);color:var(--ink)}
#wcRail button.active{background:var(--wc-active-bg);color:var(--wc-active-ink)}
.wc-rail-divider{border-top:1px solid var(--border);margin:7px}
/* 25474: the CA-groups bottom sheet and its action bar are position:fixed and
   were laid out against the whole viewport, so under the Workspaces shell
   they slid UNDER the rail (z-index 46 against their 43/44): the sheet's
   title, its Members tab and the add-member box lost their first ~90px.
   They are laid out against the content area now — right of the rail on a
   desktop, above the bottom rail on a phone. */
body.workspaces-shell .cgg-sheet{left:calc(var(--wc-rail-width) + 16px)}
body.workspaces-shell .cgg-sheet.full{left:calc(var(--wc-rail-width) + (100vw - var(--wc-rail-width)) / 2);max-width:calc(100vw - var(--wc-rail-width) - 20px);min-width:min(760px,calc(100vw - var(--wc-rail-width) - 20px))}
body.workspaces-shell .cgg-bar{left:calc(var(--wc-rail-width) + (100vw - var(--wc-rail-width)) / 2);max-width:calc(100vw - var(--wc-rail-width) - 32px)}
.wc-rail-caption{margin-top:auto;padding-top:26px;text-align:center;color:var(--muted);font-size:9px;line-height:1.7;letter-spacing:.08em}
.wc-home-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:6px 0 36px}
.wc-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:600;color:var(--muted)}
.wc-home-heading h1{font-size:clamp(26px,2.7vw,38px);line-height:1.16;letter-spacing:-.045em;margin:12px 0}
.wc-home-heading p{font-size:14px;color:var(--muted);line-height:1.6}
.wc-demo{display:inline-flex;align-items:center;gap:7px;padding:6px 0;font-size:11px;color:var(--muted);white-space:nowrap}
.wc-demo>span:first-child{width:6px;height:6px;background:var(--accent2);border-radius:50%}
.wc-home-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:32px}
/* 25422: the Overview carries the snapshot counts, so the Current snapshot
   panel would say them twice; with the library closed the home is one column */
.wc-session{display:none}
.wc-home-layout.lib-closed{grid-template-columns:minmax(0,1fr);gap:18px}
.wc-home-layout.lib-closed .wc-recent-panel{border:0;padding:0}
.wc-home-layout.lib-closed #wcRecent{display:flex;flex-wrap:wrap;gap:8px 18px}
.wc-home-layout.lib-closed .wc-recent{width:auto;border:0;padding:6px 0}
.wc-home-layout.lib-closed .wc-empty{padding:4px 0 10px}.wc-home-layout.lib-closed .wc-empty>span,.wc-home-layout.lib-closed .wc-empty h3{display:none}.wc-home-layout.lib-closed .wc-empty p{margin-bottom:6px}
.wc-home-layout.lib-closed .wc-recent-panel>h2{margin-bottom:8px}
.wc-section-actions{display:flex;gap:16px}
.wc-home-heading{margin-bottom:22px}.wc-home-heading h1{margin:8px 0 6px}
.wc-recent-panel{padding-right:28px;border-right:1px solid var(--border)}
.wc-recent-panel h2,.wc-section-heading h2{font-size:15px;font-weight:600;letter-spacing:-.02em}
.wc-recent-panel>h2{margin-bottom:18px}
.wc-empty{padding:18px 0 28px}
.wc-empty>span{font-size:26px;color:var(--muted)}
.wc-empty h3{font-size:14px;line-height:1.5;font-weight:600;margin:12px 0 7px}
.wc-empty p{font-size:12px;line-height:1.75;color:var(--muted);margin-bottom:17px}
.wc-recent{border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);padding:17px 0;display:flex;align-items:center;gap:10px;width:100%;text-align:left}
.wc-recent>span:nth-child(2){flex:1;min-width:0}.wc-recent strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.wc-recent small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.wc-recent:hover strong{text-decoration:underline}
.wc-session{border-top:1px solid var(--border);padding-top:24px;margin-top:10px}
#wcSnapshot{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:20px}
#wcSnapshot>div{display:flex;flex-direction:column-reverse;gap:4px}#wcSnapshot strong{font-size:26px;font-weight:600;letter-spacing:-.04em}#wcSnapshot span{font-size:11px;color:var(--muted)}
.wc-session p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:20px}
.wc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.wc-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.wc-tool{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--ink);padding:20px;min-width:0;min-height:166px;transition:border-color .15s,background .15s}
.wc-tool:hover{border-color:var(--green);background:var(--soft2)}
.wc-tool-icon{font-size:21px;margin-bottom:14px;line-height:1}
.wc-tool strong{font-size:14px;font-weight:600;line-height:1.45}.wc-tool>span:not(.wc-tool-icon){font-size:12px;line-height:1.65;color:var(--muted);margin-top:6px}.wc-tool small{font-size:10px;color:var(--muted);margin-top:auto;padding-top:16px;letter-spacing:.04em}
.wc-text-button{border:0;padding:5px 0;background:transparent;color:var(--green);font:inherit;font-size:12px;font-weight:600;text-align:left}
.wc-text-button:hover{text-decoration:underline}
.wc-bottom-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}.wc-bottom-links button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px 0}.wc-bottom-links button:hover{color:var(--green);text-decoration:underline}
.wc-home-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:20px;margin-top:30px;color:var(--muted);font-size:11px}
#wcLauncher{position:fixed;inset:0;margin:auto;width:min(850px,calc(100% - 32px));max-height:85dvh;padding:28px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 90px #0004;overflow:auto}
#wcLauncher::backdrop{background:color-mix(in srgb,var(--green-deep) 65%,transparent);backdrop-filter:blur(3px)}
.wc-launcher-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:24px}.wc-launcher-head h2{font-size:25px;letter-spacing:-.03em;margin-top:5px}
#wcCloseLauncher{border:1px solid var(--border);border-radius:7px;background:var(--soft);color:var(--ink);width:36px;height:36px;font-size:24px}
.wc-search-label{display:block;font-size:12px;margin-bottom:7px}
#wcSearch{display:block;width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px}
#wcResultCount{font-size:11px;color:var(--muted);margin:10px 0 22px}
#wcTools section>h3{font-size:13px;font-weight:600;margin:28px 0 12px}
#wcTools .wc-tool{min-height:144px;padding:16px}.wc-no-results{padding:28px 0;color:var(--muted)}
@media(min-width:1600px){.wc-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){body.workspaces-shell main,body.workspaces-shell.with-side.side-min main{padding:26px 22px 70px}.wc-home-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.wc-recent-panel{padding-right:20px}.wc-home-heading{flex-wrap:wrap;gap:8px}.wc-home-heading h1{font-size:30px}.wc-tool{padding:16px}.wc-edition{display:none}}
@media(max-width:700px){body.workspaces-shell{--wc-rail-width:0px}body.workspaces-shell .hwrap{padding:10px 14px;gap:9px;flex-wrap:wrap;min-height:60px}body.workspaces-shell header .workspace-context{max-width:45vw}body.workspaces-shell .app-tag{display:none}body.workspaces-shell main,body.workspaces-shell.with-side.side-min main{margin:0;padding:22px 16px 75px}body.workspaces-shell .toolnav{top:var(--sticky-header,60px)}body.workspaces-shell .toolnav-inner{padding:2px 12px}#wcRail{position:fixed;top:auto;bottom:0;width:100%;height:62px;padding:5px 8px;flex-direction:row;gap:4px;overflow-x:auto;overflow-y:hidden;border-right:0;border-top:1px solid var(--border)}#wcRail [data-wc-tool="toolSignins"],#wcRail [data-wc-tool="toolBaseline"],#wcRail [data-wc-tool="toolCaGroups"]{display:none}body.workspaces-shell{padding-bottom:62px}body.workspaces-shell .cgg-sheet,body.workspaces-shell .cgg-sheet.full{bottom:62px;max-height:calc(100vh - var(--sticky-nav,106px) - 70px)}body.workspaces-shell .cgg-bar{bottom:76px}#wcRail button{flex:1;min-width:56px;min-height:50px;padding:5px 4px;gap:4px}#wcRail button>span{font-size:17px}#wcRail button>small{font-size:10px}.wc-rail-divider,.wc-rail-caption{display:none}.wc-home-layout{grid-template-columns:minmax(0,1fr);gap:28px}.wc-recent-panel{border:0;padding:0}.wc-session{display:none}.wc-empty{padding:10px 0 20px}.wc-empty>span,.wc-empty h3{display:none}.wc-empty p{margin-bottom:8px}.wc-home-heading{margin-bottom:24px}.wc-home-heading h1{font-size:29px}.wc-home-heading p{font-size:13px}.wc-tool-grid{gap:10px}.wc-tool{min-height:160px;padding:15px}.wc-tool strong{font-size:13px}.wc-home-foot{line-height:1.7}#wcLauncher{padding:20px 16px;width:calc(100% - 20px)}#wcLauncher .wc-tool-grid{grid-template-columns:minmax(0,1fr)}#wcSearch{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wc-tool{transition:none}}
/* Match the selected mockup: account moves to a second line on mobile. */
@media(max-width:850px){.wc-header-context{display:none}#wcHeaderTools{margin-left:auto}body.workspaces-shell .hwrap{gap:15px}}
@media(max-width:600px){body.workspaces-shell .hwrap{padding:13px 15px;gap:13px;flex-wrap:wrap}body.workspaces-shell #tenantBox{width:100%}body.workspaces-shell #acctBtn{width:100%;justify-content:space-between}#wcAccountLabel{max-width:calc(100% - 42px)}body.workspaces-shell #toolNav .toolnav-inner{padding:8px 12px}}
@media(pointer:coarse){body.workspaces-shell #toolNav .toolnav-x{opacity:1;padding:8px;min-height:36px}#wcHeaderTools,body.workspaces-shell #acctBtn{min-height:36px}}
@media(max-width:700px){#wcBrandName{max-width:130px}body.workspaces-shell #brandLogo{max-width:96px}body.workspaces-shell.wc-wide-logo #wcBrandName{max-width:90px}}
@media(max-width:360px){body.workspaces-shell.wc-wide-logo #wcBrandName{display:none}#wcBrandName{max-width:100px}}
/* The shell follows the native sign-in lifecycle; no navigation before auth. */
body.workspaces-shell:not(.with-side) #wcRail,
body.workspaces-shell:not(.with-side) #wcHeaderTools,
body.workspaces-shell:not(.with-side) #toolNav,
body.workspaces-shell:not(.with-side) .wc-header-context{display:none!important}
body.workspaces-shell:not(.with-side) main{margin:0 auto;max-width:1180px;padding:32px 24px 70px}
body.workspaces-shell:not(.with-side) .fwrap{margin:0 auto;max-width:1180px}
body.workspaces-shell:not(.with-side){padding-bottom:0}
body.workspaces-shell:not(.with-side) #themeBtn{margin-left:auto}
body.workspaces-shell #permOverview,body.workspaces-shell .workspace-about{margin-top:28px;border-radius:10px;box-shadow:none}

.wc-tool-group{margin:0 0 24px}.wc-tool-group>summary{cursor:pointer;font-size:15px;font-weight:600;padding:12px 0;color:var(--ink)}.wc-tool-group>summary>span{font-size:12px;font-weight:400;color:var(--muted);margin-left:8px}.wc-connection{display:grid;gap:5px;padding:10px;border-block:1px solid var(--border);font-size:12px;line-height:1.45}.wc-connection-id{overflow-wrap:anywhere;font-size:11px;color:var(--muted)}body.workspaces-shell #acctMenu{max-height:calc(100dvh - 150px);overflow-y:auto}#screen-permissions #permOverview{overflow-x:auto}

/* 25426: the home page follows the flat dashboard, with a quieter heading. */
#wcHome .wc-home-heading{margin:0 0 22px;gap:12px}
#wcHome .wc-home-heading h1{font-size:clamp(26px,2.4vw,32px);margin:8px 0;letter-spacing:-.035em}
#wcHome .wc-home-heading p{font-size:12.5px;line-height:1.6;margin:0}
#wcHome .wc-home-foot{margin-top:22px}
#wcHome .wc-tool{box-shadow:none;border-radius:5px}
body.workspaces-shell #screen-home>.workspace-about{background:transparent;border:0;border-top:1px solid var(--border);border-radius:0;padding-inline:0;box-shadow:none}
/* The mark in the top corner hangs over the header's bottom edge on the same
   medallion as the sign-in card (beta 25494): a 60px disc centred on the rail
   column, half in the header and half over the rail, so mark and rail read as
   one column. The header is position:sticky, so it is the containing block and
   bottom:-30px tracks its real height (with or without the BETA ribbon). Only
   with the rail showing (with-side, wider than 700px) and never for a wide
   wordmark (wc-wide-logo), which keeps the flat 34px look. */
@media(min-width:701px){
body.workspaces-shell.with-side:not(.wc-wide-logo) .hwrap{padding-left:calc(var(--wc-rail-width) + 12px)}
body.workspaces-shell.with-side:not(.wc-wide-logo) #brandLogo{position:absolute;z-index:1;left:calc(var(--wc-rail-width) / 2 - 30px);bottom:-30px;box-sizing:border-box;width:60px;height:60px;max-width:none;padding:5px;
  border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow),0 0 0 4px color-mix(in srgb,var(--glow) 45%,transparent)}
body.workspaces-shell.with-side:not(.wc-wide-logo) #wcRail{padding-top:46px}
}

/* 32407 (R67): two workspaces on one shell. The header colour is the workspace's
   — ENCA green for 01, a lighter green with a lemon rule for 02 (32430; a navy until then) — so a screenshot always says which side it
   was taken on; the chip beside the wordmark is the one switch, the rail caption
   the second. Nothing below touches a tool's own screen. */
/* 32610 (Mihai: the navigation headers between the workspaces need fixing — they
   need to match something from the branding logo). One family from the mark:
   01 the shield's deepest green with the ring's gold rule, 02 the gold ring
   itself with the shield green as ink and rule, 03 the beacon green (darkened to
   #2f5f1b so white text passes 4.5:1) with the disc's pale rule. The navy and
   cyan of 32515 are gone: they were not in the mark. An inset shadow, not a
   border, so the header keeps its height. */
body.workspaces-shell[data-ws="ca"]{--wc-brand:var(--green-deep)}
body.workspaces-shell[data-ws="ca"] header{box-shadow:inset 0 -3px 0 #dfb32b}
body.workspaces-shell[data-ws="ca"] .wc-ws-num{background:#dfb32b;color:#12331f}
body.workspaces-shell[data-ws="pim"]{--wc-brand:#dfb32b;--wc-brand-ink:#12331f;--wc-brand-muted:#3a4a2c}
body.workspaces-shell[data-ws="pim"] header{box-shadow:inset 0 -3px 0 #1e4729}
body.workspaces-shell[data-ws="pim"] .wc-ws-num{background:#12331f;color:#f0cf55}
body.workspaces-shell[data-ws="entra"]{--wc-brand:#2f5f1b}
body.workspaces-shell[data-ws="entra"] header{box-shadow:inset 0 -3px 0 #eef5e6}
body.workspaces-shell[data-ws="entra"] .wc-ws-num{background:#eef5e6;color:#12331f}
.wc-ws{position:relative;display:inline-flex;align-items:center;flex-shrink:0}
.wc-ws-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--wc-brand-ink) 28%,var(--wc-brand));background:color-mix(in srgb,var(--wc-brand-ink) 10%,var(--wc-brand));color:var(--wc-brand-ink);border-radius:6px;padding:6px 10px 6px 8px;font:inherit;font-size:12px;font-weight:500;letter-spacing:0;white-space:nowrap;cursor:pointer}
.wc-ws-chip:hover,.wc-ws-chip[aria-expanded="true"]{background:color-mix(in srgb,var(--wc-brand-ink) 18%,var(--wc-brand))}
.wc-ws-num{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--lemon);color:#12331f;border-radius:4px;padding:4px 5px}
.wc-ws-caret{font-size:10px;opacity:.8}
.wc-ws-menu{position:absolute;top:calc(100% + 8px);left:0;width:340px;max-width:calc(100vw - 32px);background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:8px;z-index:70;text-align:left;font-weight:400;letter-spacing:0}
.wc-ws-label,.wc-ws-foot{font-size:11px;color:var(--muted);padding:6px 10px 4px}
.wc-ws-label{text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:10.5px}
.wc-ws-foot{border-top:1px solid var(--border);margin-top:6px;padding-top:8px;line-height:1.5}
.wc-ws-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);padding:9px 10px;text-align:left;font:inherit;cursor:pointer}
.wc-ws-row:hover{background:var(--soft2);border-color:var(--border)}
.wc-ws-row.cur{background:var(--soft);border-color:var(--border)}
.wc-ws-sw{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:#fff;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.wc-ws-sw-ca{background:#12331f;box-shadow:inset 0 -3px 0 #dfb32b}.wc-ws-sw-pim{background:#dfb32b;color:#12331f;box-shadow:inset 0 -3px 0 #1e4729}.wc-ws-sw-entra{background:#2f5f1b;box-shadow:inset 0 -3px 0 #eef5e6}
.wc-ws-row strong{display:block;font-size:13px;font-weight:600}
.wc-ws-row small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.wc-ws-keys kbd{font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--border);border-radius:4px;padding:1px 4px;background:var(--soft2);color:var(--muted)}
.wc-rail-switch{display:inline-flex!important;align-items:center;gap:4px;min-height:0!important;padding:4px 6px!important;margin-top:4px;border:1px solid var(--border)!important;border-radius:6px!important;background:var(--soft2)!important;color:var(--ink)!important;font:700 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:.04em}
.wc-rail-switch:hover{background:var(--soft)!important}
.wc-ws-dot{width:8px;height:8px;border-radius:2px;background:var(--wc-brand)}
#wcRail button.wc-planned{opacity:.45;cursor:default}
#wcRail button.wc-planned:hover{background:transparent;color:var(--muted)}
.wc-tool.wc-planned{opacity:.6;border-style:dashed;cursor:default}
.wc-tool.wc-planned:hover{border-color:var(--border);background:var(--surface)}
.wc-chip{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;padding:2px 6px;line-height:1.4;background:var(--soft);color:var(--muted)}
.wc-chip.lens{background:var(--blue-bg);color:var(--blue)}
.wc-tool small{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
/* 02 has no Conditional Access overview above its library: the CA lead, the
   overview and the onboarding band stay on 01; 02 shows its own lead. */
#wcPimLead{display:none}
body.workspaces-shell[data-ws="pim"] #wcHomeLead,body.workspaces-shell[data-ws="pim"] #overview,body.workspaces-shell[data-ws="pim"] #onboardBand,body.workspaces-shell[data-ws="pim"] .wc-session{display:none!important}
body.workspaces-shell[data-ws="pim"] #wcPimLead{display:block}
/* 03 opens on its tools overview: no CA overview, its own lead, the library open */
body.workspaces-shell[data-ws="entra"] #wcHomeLead,body.workspaces-shell[data-ws="entra"] #overview,body.workspaces-shell[data-ws="entra"] #onboardBand,body.workspaces-shell[data-ws="entra"] .wc-session{display:none!important}
body.workspaces-shell[data-ws="entra"] #wcPimLead{display:block}
@media(max-width:700px){.wc-ws-chip span:not(.wc-ws-num){display:none}.wc-ws-chip{padding:6px 7px}.wc-ws-menu{left:auto;right:-40px}}

/* 32430: a tool's own name per workspace, switched by the header's data-ws so an
   open tab reads right after ⌘⇧1 / ⌘⇧2 without a re-render. */
.ws-pim,.ws-entra{display:none}
body.workspaces-shell[data-ws="pim"] .ws-pim{display:inline}
body.workspaces-shell[data-ws="pim"] .ws-ca{display:none}
body.workspaces-shell[data-ws="entra"] .ws-entra{display:inline}
body.workspaces-shell[data-ws="entra"] .ws-ca{display:none}
/* 32515 (T12 6.0): which workloads use a group — the workspace colours */
.cgg-uses{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 3px}
.cgg-use{font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;border-radius:4px;padding:3px 5px;color:#fff;letter-spacing:.03em}
.cgg-use.ca{background:#12331f;box-shadow:inset 0 -2px 0 #dfb32b}.cgg-use.pim{background:#dfb32b;color:#12331f;box-shadow:inset 0 -2px 0 #1e4729}.cgg-use.gsa{background:#2f5f1b;box-shadow:inset 0 -2px 0 #eef5e6}
.cgg-pim{margin:2px 0 3px;line-height:1.45}
/* production 326: 02 PIM-buddy is listed, on the beta channel only — a row, not a switch */
.wc-ws-row.wc-ws-beta{cursor:default;opacity:.62}
.wc-ws-row.wc-ws-beta:hover{background:transparent;border-color:transparent}
.wc-ws-row.wc-ws-beta .wc-chip{vertical-align:1px;margin-left:4px}

/* 33009: Workspace 03 library, compact (mockup option A) — three cards to a row, icon beside the name, two lines of description, Help as chips */
#wcOverviewTools.wc-compact .wc-tool-group{margin:0 0 10px}
#wcOverviewTools.wc-compact .wc-tool-group>summary{padding:8px 0}
#wcOverviewTools.wc-compact .wc-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#wcOverviewTools.wc-compact .wc-tool{display:grid;grid-template-columns:22px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:start;min-height:0;padding:10px 12px}
#wcOverviewTools.wc-compact .wc-tool-icon{grid-row:1/3;margin:0}
#wcOverviewTools.wc-compact .wc-tool strong{grid-column:2;font-size:13.5px;line-height:1.35}
#wcOverviewTools.wc-compact .wc-tool>span:not(.wc-tool-icon){grid-column:2/4;font-size:12px;line-height:1.4;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#wcOverviewTools.wc-compact .wc-tool small{grid-column:3;grid-row:1;margin:0;padding:0;white-space:nowrap}
.wc-help-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:6px;padding-top:12px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}
.wc-help-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:4px 11px;font:inherit;font-size:12.5px;cursor:pointer}
.wc-help-chip:hover{border-color:var(--accent2)}.wc-help-chip>span{display:inline-flex;width:15px;height:15px}.wc-help-chip svg{width:15px;height:15px}
@media(max-width:1200px){#wcOverviewTools.wc-compact .wc-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#wcOverviewTools.wc-compact .wc-tool-grid{grid-template-columns:minmax(0,1fr)}#wcOverviewTools.wc-compact .wc-tool{min-height:0;padding:10px 12px}}

/* 33010: a tab from another workspace names it */
.wc-tab-ws{font-size:10px;font-weight:700;line-height:1;border:1px solid var(--border);border-radius:5px;padding:2px 4px;margin-left:6px;color:var(--muted);letter-spacing:.03em}