/* BW-36.11R1 — independent Workspace → Brand controls and body-owned compact surfaces. */
.workspace-context{position:relative;display:grid;gap:10px;margin:0 0 var(--fk-space-3);padding:10px;border:1px solid var(--fk-color-border);border-radius:var(--fk-radius-md);background:color-mix(in srgb,var(--fk-color-surface) 88%,transparent);box-shadow:none;min-width:0}.workspace-context[hidden],.legacy-brand-context[hidden]{display:none!important}.workspace-context-group{display:grid;gap:4px;min-width:0}.workspace-context-label{padding-inline:2px;color:var(--fk-color-muted);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.workspace-context-identity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}.workspace-context-trigger{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-width:0;min-height:44px;padding:5px 7px;border:1px solid transparent;border-radius:var(--fk-radius-sm);background:transparent;color:var(--fk-color-heading);font:inherit;text-align:left;cursor:pointer}.workspace-context-trigger:hover:not(:disabled),.workspace-context-trigger[aria-expanded=true]{border-color:var(--fk-color-border);background:var(--fk-color-surface-hover)}.workspace-context-trigger:disabled{cursor:default;opacity:1}.workspace-context-manage{display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;padding:0;border:1px solid transparent;border-radius:var(--fk-radius-sm);background:transparent;color:var(--fk-color-muted);font:700 20px/1 inherit;cursor:pointer}.workspace-context-manage:hover,.workspace-context-manage[aria-expanded=true]{border-color:var(--fk-color-border);background:var(--fk-color-surface-hover);color:var(--fk-color-heading)}.workspace-context-manage[hidden]{display:none}.workspace-context-trigger:focus-visible,.workspace-context-manage:focus-visible,.workspace-context-option:focus-visible,.workspace-context-search:focus-visible,.workspace-context-menu-item:focus-visible,.workspace-rename-dialog :focus-visible{outline:2px solid var(--fk-color-primary);outline-offset:2px}.workspace-context-avatar{display:grid;place-items:center;width:32px;height:32px;overflow:hidden;border-radius:10px;background:var(--fk-color-primary-soft);color:var(--fk-color-primary);font-size:11px;font-weight:800}.workspace-context-avatar img{display:block;width:100%;height:100%;object-fit:cover}.workspace-brand-avatar{border-radius:50%}.workspace-context-copy,.workspace-context-name,.workspace-context-access,.workspace-context-option-copy strong,.workspace-context-option-copy small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-context-name{font-size:12px;font-weight:650}.workspace-context-access{margin-top:2px;color:var(--fk-color-muted);font-size:10px}.workspace-context-chevron{color:var(--fk-color-muted)}
.workspace-context-popover{position:fixed}.workspace-context-popover,.workspace-context-menu,.workspace-rename-dialog{position:fixed;z-index:950;box-sizing:border-box;width:var(--workspace-menu-width,240px);max-width:calc(100vw - 16px);height:auto;min-height:0;max-height:min(320px,calc(100dvh - 16px));margin:0;padding:8px;border:1px solid var(--fk-color-border);border-radius:var(--fk-radius-md);background:var(--fk-color-surface-elevated);color:var(--fk-color-text,var(--fk-color-heading));box-shadow:var(--fk-shadow-md);overflow:hidden;font:inherit}.workspace-context-popover[hidden]{display:none}.workspace-selector-popover,.brand-selector-popover{position:fixed}.workspace-context-search{box-sizing:border-box;width:100%;min-height:40px;margin-bottom:6px;padding:6px 9px;border:1px solid var(--fk-color-border);border-radius:8px;background:var(--fk-color-surface);color:inherit;font:inherit}.workspace-context-options{display:grid;gap:4px;max-height:256px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.workspace-context-option{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:44px;padding:6px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;font:inherit;text-align:left}.workspace-context-option:hover,.workspace-context-option[aria-selected=true]{border-color:var(--fk-color-border);background:var(--fk-color-surface-selected)}.workspace-context-check{font-weight:800;text-align:center}.workspace-context-option-copy small,.workspace-context-status{color:var(--fk-color-muted);font-size:11px}.workspace-context-status{margin:8px 4px 2px}.workspace-context-status:empty{display:none}
.workspace-context-menu{width:var(--workspace-menu-width,220px);max-width:min(240px,calc(100vw - 16px));padding:4px}.workspace-context-menu-item{box-sizing:border-box;width:100%;min-height:44px;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:650;text-align:left}.workspace-context-menu-item:hover{background:var(--fk-color-surface-hover)}
.workspace-context-health{display:flex;align-items:center;gap:6px;padding:0 7px;color:var(--fk-color-muted);font-size:11px;line-height:1.3}.workspace-context-health[hidden]{display:none}.workspace-context-retry{min-height:32px;padding:3px 7px;border:1px solid var(--fk-color-border);border-radius:7px;background:var(--fk-color-surface);color:inherit;font:inherit;font-weight:700;cursor:pointer}.workspace-context[data-status=stale] .workspace-context-avatar{filter:grayscale(.35)}
.workspace-create-action{box-sizing:border-box;width:100%;min-height:44px;margin:2px 0 0;padding:8px 12px;font:inherit;font-weight:700}.workspace-create-action[hidden]{display:none!important}.workspace-create-description{margin:0;color:var(--fk-color-muted);font-size:12px;line-height:1.4}
.workspace-rename-dialog,.workspace-rename-editor{display:grid;align-content:start;gap:10px;width:var(--workspace-menu-width,320px);min-width:0;max-width:min(340px,calc(100vw - 16px));height:auto;min-height:0;max-height:calc(100dvh - 16px);padding:16px;overflow:auto}.workspace-rename-dialog h2{margin:0;color:var(--fk-color-heading);font-size:15px;line-height:1.3}.workspace-rename-dialog label{display:grid;gap:6px;color:inherit;font-size:12px;font-weight:700}.workspace-rename-dialog input{box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--fk-color-border-control,var(--fk-color-border));border-radius:8px;background:var(--fk-color-surface);color:inherit;font:inherit}.workspace-rename-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.workspace-rename-actions button{box-sizing:border-box;min-height:44px;margin:0;padding:8px 12px;border-radius:8px;font:inherit;font-weight:700}.workspace-rename-status{margin:0;color:var(--fk-color-danger,#b42318);font-size:11px;line-height:1.35}.workspace-rename-status[hidden],.workspace-rename-status:empty{display:none}
.app-shell.sidebar-collapsed .workspace-context{padding:0;border-color:transparent;background:transparent}.app-shell.sidebar-collapsed .workspace-context-group:not(:first-child),.app-shell.sidebar-collapsed .workspace-context-label,.app-shell.sidebar-collapsed .workspace-context-copy,.app-shell.sidebar-collapsed .workspace-context-chevron,.app-shell.sidebar-collapsed .workspace-context-manage{display:none}.app-shell.sidebar-collapsed .workspace-context-trigger{display:flex;justify-content:center;padding:0}
@media(max-width:1300px) and (min-width:768px){.workspace-context{padding:0;border-color:transparent;background:transparent}.workspace-context-group:not(:first-child),.workspace-context-label,.workspace-context-copy,.workspace-context-chevron,.workspace-context-manage{display:none}.workspace-context-trigger{display:flex;justify-content:center;padding:0}.sidebar .workspace-context{position:relative;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal}}
@media(max-width:767px){.sidebar>.workspace-context{display:block;position:fixed;z-index:910;right:max(8px,env(safe-area-inset-right,0px));bottom:calc(70px + env(safe-area-inset-bottom,0px));width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;overflow:visible}.sidebar>.workspace-context:has(.workspace-create-action:not([hidden])){width:auto;max-width:calc(100vw - 16px)}.workspace-context .workspace-context-group:not(:first-child),.workspace-context .workspace-context-label,.workspace-context .workspace-context-copy,.workspace-context .workspace-context-chevron,.workspace-context .workspace-context-manage{display:none}.workspace-context .workspace-context-trigger{display:flex;justify-content:center;padding:0;background:var(--fk-color-surface-elevated);border-color:var(--fk-color-border)}.workspace-context:has(.workspace-create-action:not([hidden])) .workspace-context-group{display:none}.workspace-create-action{width:auto;min-width:44px}.workspace-context-popover{width:auto;max-height:min(320px,calc(100dvh - 98px));border-radius:var(--fk-radius-md) var(--fk-radius-md) 0 0;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}.workspace-context-options{max-height:min(256px,calc(100dvh - 162px))}.workspace-rename-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - max(16px,env(safe-area-inset-bottom,0px)));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}}
@media(forced-colors:active){.workspace-context,.workspace-context-trigger,.workspace-context-manage,.workspace-context-popover,.workspace-context-menu,.workspace-rename-dialog,.workspace-context-option,.workspace-context-search,.workspace-rename-dialog input,.workspace-create-action{border-color:CanvasText}.workspace-context-option[aria-selected=true]{outline:2px solid Highlight}.workspace-context-check{color:Highlight}}
@media(prefers-reduced-motion:reduce){.workspace-context *,.workspace-context-popover,.workspace-context-menu,.workspace-rename-dialog{transition:none!important;scroll-behavior:auto!important}}
/* BW-36.12 logos stay square and contained; transparent artwork is never cropped. */
.workspace-brand-avatar{border-radius:9px}.workspace-brand-avatar img,.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}.brand-logo-initials{display:grid;place-items:center;width:100%;height:100%}
/* Collapsed identities have one icon row; action controls reserve no grid slots. */
.app-shell.sidebar-collapsed .workspace-context-identity-row{grid-template-columns:1fr}
.app-shell.sidebar-collapsed #workspace-context .workspace-context-manage{display:none}
.app-shell.sidebar-collapsed .workspace-context:not(:has(.workspace-create-action:not([hidden]))) .workspace-context-group:not(:first-child){display:grid}
@media(max-width:1300px) and (min-width:768px){.workspace-context-identity-row{grid-template-columns:1fr}.workspace-context-manage:not([hidden]){display:grid;justify-self:center}}
@media(max-width:767px){.sidebar>.workspace-context:has(.workspace-context-manage:not([hidden])){width:88px}.workspace-context .workspace-context-manage:not([hidden]){display:grid;background:var(--fk-color-surface-elevated);border-color:var(--fk-color-border)}.workspace-context-identity-row{grid-template-columns:44px 44px}}
@media(max-width:767px){.sidebar>#workspace-context:not([hidden]){display:block}}
/* Brand actions remain reachable in the existing compact mobile context. */
@media(max-width:767px){.sidebar>.workspace-context:has(#workspace-brand-manage:not([hidden])){display:flex;align-items:center;width:auto;max-width:calc(100vw - 16px);gap:4px}.workspace-context:has(#workspace-brand-manage:not([hidden])) .workspace-context-group:nth-child(2){display:block}.workspace-context:has(#workspace-brand-manage:not([hidden])) .workspace-context-group:nth-child(2) .workspace-context-identity-row{display:block}.workspace-context:has(#workspace-brand-manage:not([hidden])) #workspace-brand-trigger{display:none}.workspace-context #workspace-brand-manage:not([hidden]){display:grid;background:var(--fk-color-surface-elevated);border-color:var(--fk-color-border)}}
#brand-create-dialog .workspace-rename-actions{display:flex;flex-wrap:wrap}#brand-create-dialog .workspace-rename-actions button{flex:1;white-space:normal;min-width:44px}
.sidebar .workspace-context .workspace-context-group:has(#workspace-brand-manage:not([hidden])){display:grid}
.app-shell.sidebar-collapsed #workspace-brand-trigger .workspace-context-name{display:none}
@media(max-width:1300px) and (min-width:768px){#workspace-brand-trigger .workspace-context-name{display:none}}
/* The mobile action-only Brand wrapper also becomes an icon row when collapsed. */
@media(max-width:767px){.app-shell.sidebar-collapsed .sidebar>#workspace-context:not([hidden]):not(:has(.workspace-create-action:not([hidden]))){display:grid;width:44px;height:auto;gap:10px}.app-shell.sidebar-collapsed #workspace-context #workspace-brand-trigger{display:flex}}

.workspace-brand-option-row{display:flex;align-items:center;min-width:0}.workspace-brand-option-row>.workspace-context-option{flex:1;min-width:0}.workspace-brand-row-actions{flex:0 0 44px;min-width:44px;min-height:44px;border:1px solid var(--fk-color-border-default);border-radius:8px;background:var(--fk-color-surface-input);color:var(--fk-color-text-primary);font:inherit}.workspace-brand-row-actions:focus-visible{outline:3px solid var(--fk-color-focus-ring);outline-offset:-3px}
@media(forced-colors:active){.workspace-brand-row-actions{border-color:CanvasText}.workspace-brand-row-actions:focus-visible{outline-color:Highlight}}

/* R2.2: navigation stays reachable for all roles, including compact mobile. */
@media(max-width:767px){
 .sidebar>#workspace-context:not([hidden]){display:flex;align-items:center;gap:4px;width:auto;max-width:calc(100vw - 16px)}
 #workspace-context .workspace-context-group{display:block}
 #workspace-context .workspace-context-group .workspace-context-identity-row{display:flex}
 .sidebar>#workspace-context .workspace-context-group #workspace-context-trigger,.sidebar>#workspace-context .workspace-context-group #workspace-brand-trigger{display:flex;width:44px;min-width:44px}
 #workspace-context .workspace-context-copy,#workspace-context .workspace-context-chevron,#workspace-context .workspace-context-label{display:none}
}
.workspace-brand-option-row[hidden]{display:none}
@media(max-width:1300px) and (min-width:768px){
 .sidebar #workspace-context .workspace-context-group{display:grid}
}

.workspace-create-dialog .workspace-rename-status[data-outcome=confirmed]{color:var(--fk-color-text-primary)}

@media(max-width:767px){.sidebar>#workspace-context:not([hidden]) .workspace-context-group:nth-child(2) .workspace-context-identity-row{display:flex}}