/* Personal account, explicit operation context and existing quick actions. */
.hub-shell .workspace-account-panel {
  width: min(448px, calc(100% - 28px));
  max-height: calc(100dvh - 32px);
  padding: 22px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 22px 70px #0004;
}
.workspace-account-panel::backdrop { background: #060a10ad; backdrop-filter: blur(6px); }
.workspace-account-panel .workspace-profile-head { margin-bottom: 20px; }
.workspace-account-panel .workspace-profile-head h2 { font-size: 18px; letter-spacing: -.3px; }
.workspace-account-panel .personal-icon-button { width: 44px; min-height: 44px; border-radius: 10px; }
.workspace-account-head { display: flex; align-items: center; gap: 13px; min-width: 0; margin: 0 0 20px; }
.workspace-account-head > .workspace-personal-avatar { width: 56px; height: 56px; border-radius: 17px; font-size: 19px; }
.workspace-account-head > div { display: grid; gap: 5px; min-width: 0; }
.workspace-account-head :is(strong, p, small) { margin: 0; overflow-wrap: anywhere; }
.workspace-account-head strong { font-size: 16px; line-height: 1.5; font-weight: 600; }
.workspace-account-head :is(p, small) { color: var(--muted); font-size: 12px; line-height: 1.6; }
.workspace-account-facts { display: grid; gap: 0; margin: 0 0 18px; padding: 0; border-block: 1px solid var(--border); }
.workspace-account-facts > div { display: grid; grid-template-columns: minmax(80px, .7fr) minmax(0, 1.3fr); align-items: baseline; gap: 12px; padding-block: 12px; }
.workspace-account-facts > div + div { border-top: 1px solid var(--border); }
.workspace-account-facts dt { color: var(--muted); font-size: 12px; line-height: 1.6; }
.workspace-account-facts dd { margin: 0; color: var(--text); font-size: 12px; font-weight: 550; line-height: 1.6; overflow-wrap: anywhere; }
.workspace-account-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0 0 16px; }
.workspace-account-links a, .workspace-account-links button {
  display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 44px;
  padding: 9px 11px; border: 1px solid var(--border); border-radius: 9px;
  color: var(--text); background: transparent; font: inherit; font-size: 12px; line-height: 1.5;
  text-align: start; overflow-wrap: anywhere; cursor: pointer;
}
.workspace-account-links svg { flex: none; width: 16px; height: 16px; }
.workspace-account-edit {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; min-height: 44px; padding: 10px 13px;
  border: 1px solid var(--border); border-radius: 9px;
  background: var(--surface-2); color: var(--text); font: inherit; font-size: 12px; font-weight: 550;
  line-height: 1.5; cursor: pointer;
  margin-bottom: 12px;
}
.workspace-account-edit svg { flex: none; width: 16px; height: 16px; }
.workspace-account-panel :is(.workspace-profile-feedback, .workspace-account-note) { margin: 12px 0 0; font-size: 11px; line-height: 1.7; overflow-wrap: anywhere; }
.workspace-account-panel .workspace-profile-feedback:empty { display: none; }
.workspace-account-panel .workspace-account-note { color: var(--muted); }

/* The native selector is kept intact; the route's data scope is stated beside it. */
.hub-shell .commercial-operation-bar.workspace-operation-context {
  display: grid; grid-template-columns: minmax(180px, .95fr) minmax(0, 1fr);
  align-items: center; gap: 10px 18px; margin: 0 0 18px; padding: 10px 14px;
  border: 1px solid var(--border); border-inline-start-width: 1px; border-radius: 12px;
  background: var(--surface);
}
body.hub-shell[data-operation-scope=company] .commercial-operation-bar.workspace-operation-context { display: grid; }
.hub-shell .workspace-operation-context > .field {
  display: flex; flex-direction: row; align-items: center; flex: none;
  gap: 10px; min-width: 0; margin: 0;
}
.workspace-operation-context .workspace-operation-caption {
  flex: none; max-width: 6.5em; color: var(--muted); font-size: 11px; font-weight: 550; line-height: 1.5;
}
.hub-shell .workspace-operation-context #commercial-operation-select {
  flex: 1; width: 100%; max-width: 100%; min-width: 0; min-height: 44px;
  padding: 9px 11px; border: 1px solid var(--border); border-radius: 8px;
  background: var(--bg); color: var(--text); font: inherit; font-size: 13px; font-weight: 550;
}
.hub-shell .workspace-operation-context > div {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center;
  gap: 2px 12px; flex: none; min-width: 0;
}
.hub-shell .workspace-operation-context > div > p,
.workspace-operation-name { grid-column: 1; margin: 0; color: var(--muted); font-size: 11px; font-weight: 400; line-height: 1.5; overflow-wrap: anywhere; }
.workspace-operation-scope { grid-column: 1; color: var(--text); font-size: 11px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
.hub-shell .workspace-operation-context .workspace-operation-switch {
  grid-column: 2; grid-row: 1 / span 2; display: inline-flex; align-items: center; justify-content: center;
  gap: 7px; min-height: 44px; min-width: 0; padding: 8px 10px; margin: 0;
  border: 1px solid transparent; border-radius: 8px; background: transparent;
  color: var(--mint); font: inherit; font-size: 11px; line-height: 1.5; text-align: center;
  overflow-wrap: anywhere; cursor: pointer;
}
.workspace-operation-switch svg { width: 15px; height: 15px; flex: none; }
.hub-shell .workspace-operation-context > .notice { grid-column: 1 / -1; margin: 0; }

.hub-shell .workspace-context-compact .workspace-quick-action {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px; flex: none;
  min-height: 44px; max-width: 190px; padding: 8px 12px;
  border: 1px solid var(--border); border-radius: 9px;
  color: var(--mint); background: var(--surface); font: inherit; font-size: 12px; font-weight: 550;
  line-height: 1.5; cursor: pointer;
}
.workspace-quick-action svg { width: 17px; height: 17px; flex: none; }
.workspace-quick-action[hidden] { display: none !important; }
.workspace-quick-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-account-panel svg, .workspace-operation-switch svg, .workspace-quick-action svg { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

/* Shared states keep existing layout dimensions, including the dock and short screens. */
.hub-shell .workspace-sidebar .nav-item:focus-visible { outline-color: var(--menu-accent); outline-offset: 2px; }
.hub-shell .workspace-sidebar .nav-item:active { background: var(--menu-active); color: var(--menu-accent); }
.workspace-account-links :is(a, button):hover, .workspace-account-edit:hover,
.hub-shell .workspace-operation-switch:hover, .hub-shell .workspace-context-compact .workspace-quick-action:hover { background: var(--surface-2); border-color: var(--mint); }
.workspace-account-panel .personal-icon-button:hover { background: var(--surface-2); color: var(--text); }
.workspace-account-panel :is(a, button):focus-visible,
.workspace-operation-context :is(a, button, select):focus-visible,
.workspace-quick-action:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
.workspace-account-panel button:disabled, .workspace-operation-context :is(button, select):disabled,
.workspace-quick-action:disabled { cursor: default; opacity: .65; }
.workspace-account-links :is(a, button):active, .workspace-account-edit:active,
.hub-shell .workspace-operation-switch:active, .hub-shell .workspace-context-compact .workspace-quick-action:active { border-color: var(--mint); }

@media (max-width: 760px) {
  .hub-shell .workspace-account-panel { padding: 18px; border-radius: 15px; }
  .hub-shell .commercial-operation-bar.workspace-operation-context { grid-template-columns: minmax(0, 1fr); gap: 7px; padding: 9px 12px; margin-bottom: 14px; }
  .hub-shell .workspace-operation-context #commercial-operation-select { font-size: 16px; }
  .hub-shell .workspace-operation-context > div { gap: 2px 8px; }
  .hub-shell .workspace-context-compact .workspace-context-head { gap: 6px; }
  .hub-shell .workspace-context-compact .workspace-context-identity { gap: 0; }
  .hub-shell .workspace-context-compact #workspace-area-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .hub-shell .workspace-context-compact .workspace-quick-action { width: 44px; min-width: 44px; max-width: 44px; padding: 8px; }
  .workspace-quick-action .workspace-quick-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
@media (max-width: 360px) {
  .workspace-account-head { gap: 10px; }
  .workspace-account-head > .workspace-personal-avatar { width: 48px; height: 48px; border-radius: 14px; }
  .workspace-account-facts > div { grid-template-columns: minmax(70px, .8fr) minmax(0, 1.2fr); gap: 8px; }
  .workspace-account-links { grid-template-columns: minmax(0, 1fr); }
}
@media (max-height: 480px) {
  .hub-shell .workspace-account-panel { max-height: calc(100dvh - 20px); padding-block: 14px; }
  .workspace-account-panel .workspace-profile-head { margin-bottom: 10px; }
  .workspace-account-head { margin-bottom: 12px; }
  .workspace-account-facts > div { padding-block: 8px; }
}
@media (prefers-reduced-motion: no-preference) {
  .workspace-account-links :is(a, button), .workspace-account-edit,
  .workspace-operation-switch, .workspace-quick-action { transition: background 120ms ease, color 120ms ease, border-color 120ms ease; }
  .workspace-account-panel[open] { animation: menu-palette-in 140ms ease both; }
}
body.hub-shell[data-hub-reduced-motion=true] :is(.workspace-account-panel, .workspace-account-edit, .workspace-operation-switch, .workspace-quick-action),
body.hub-shell[data-hub-reduced-motion=true] .workspace-account-links :is(a, button) { animation: none; transition: none; }
@media (prefers-reduced-motion: reduce) {
  .workspace-account-panel, .workspace-account-edit, .workspace-operation-switch,
  .workspace-quick-action, .workspace-account-links :is(a, button) { animation: none; transition: none; }
  .workspace-account-panel::backdrop { backdrop-filter: none; }
}
@media (forced-colors: active) {
  .workspace-account-panel, .workspace-account-links :is(a, button), .workspace-account-edit,
  .hub-shell .workspace-context-compact .workspace-quick-action,
  .hub-shell .commercial-operation-bar.workspace-operation-context { border: 1px solid CanvasText; }
  .hub-shell .workspace-operation-context #commercial-operation-select { border-color: ButtonText; }
  .hub-shell .workspace-sidebar .nav-item.active { outline: 1px solid Highlight; outline-offset: -1px; }
}

/* Theme shares the connection row, keeping all navigation within the viewport. */
.hub-shell .workspace-sidebar .sidebar-footer.hub-menu-footer { display: flex; align-items: center; gap: 7px; }
.hub-menu-footer .workspace-connection-button { flex: 1; min-width: 0; width: auto; }
.hub-theme-toggle {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 44px; height: 44px; padding: 10px; border: 1px solid var(--menu-line);
  border-radius: 11px; background: transparent; color: var(--menu-muted); cursor: pointer;
}
.hub-theme-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.hub-theme-toggle .hub-theme-moon { display: none; }
body[data-hub-theme=light] .hub-theme-toggle .hub-theme-sun { display: none; }
body[data-hub-theme=light] .hub-theme-toggle .hub-theme-moon { display: block; }
.hub-theme-toggle:hover { background: var(--menu-hover); color: var(--menu-accent); }
.hub-theme-toggle:active { background: var(--menu-active); }
.hub-theme-toggle:focus-visible { outline: 2px solid var(--menu-accent); outline-offset: 2px; }
.hub-theme-toggle:disabled { opacity: .55; cursor: default; }
@media (min-width: 761px) {
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .sidebar-footer.hub-menu-footer { display: flex; order: 3; justify-content: center; margin-top: 6px; }
  .hub-shell[data-hub-collapsed=true] .hub-menu-footer .workspace-connection-button { display: none; }
  .hub-shell[data-hub-collapsed=true] .workspace-personal-card { order: 4; }
}
@media (min-width: 761px) and (max-height: 700px) {
  .hub-shell[data-hub-collapsed=true] { --sidebar-width: 172px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar { width: 112px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .main-nav { display: grid; grid-template-columns: repeat(2,44px); grid-template-rows: repeat(3,44px) minmax(44px,1fr); justify-content: center; gap: 2px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .nav-item[data-area=config] { margin: 0; grid-column: 2; align-self: end; }
}
@media (min-width: 761px) and (max-height: 440px) {
  .hub-shell[data-hub-collapsed=true] { --sidebar-width: 196px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar { width: 160px; }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .main-nav { grid-template-columns: repeat(3,44px); grid-template-rows: repeat(2,44px) minmax(44px,1fr); }
  .hub-shell[data-hub-collapsed=true] .workspace-sidebar .sidebar-footer.hub-menu-footer { position: absolute; inset-inline-end: 8px; bottom: 7px; margin: 0; }
}
@media (prefers-reduced-motion: no-preference) { .hub-theme-toggle { transition: background 120ms ease, color 120ms ease, border-color 120ms ease; } }
body[data-hub-reduced-motion=true] .hub-theme-toggle { transition: none; }
@media (prefers-reduced-motion: reduce) { .hub-theme-toggle { transition: none; } }
@media (forced-colors: active) { .hub-theme-toggle { border-color: ButtonText; } }

/* The workspace starts with page navigation; account tools stay in the sidebar. */
body.hub-shell.workspace-headerless[data-workspace-compact-navigation=true] .workspace-top-navigation .workspace-subnav { display: none; }
body.hub-shell.workspace-headerless[data-workspace-compact-navigation=true] .workspace-top-navigation .workspace-page-picker { display: flex; flex: 1; min-width: 0; align-items: center; }
body.hub-shell.workspace-headerless .page-shell { padding-top: 12px; }
body.hub-shell.workspace-headerless .workspace-external-main { padding-top: 12px; }
body.hub-shell.workspace-headerless .workspace-context.workspace-context-compact { margin-bottom: 12px; padding-bottom: 0; }
.workspace-header-support[hidden] { display: none; }
.workspace-top-navigation { display: flex; align-items: center; gap: 8px; min-height: 44px; }
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav { flex: 1; min-width: 0; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; gap: 4px; overflow: visible; }
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav-link { min-height: 44px; padding: 8px 9px; white-space: nowrap; }
.workspace-top-navigation .workspace-page-picker { display: none; }
.hub-shell.workspace-headerless .workspace-sidebar { overflow: visible; }
.workspace-menu-tools { display: flex; align-items: center; gap: 8px; flex: none; margin-bottom: 15px; }
.hub-shell.workspace-headerless .workspace-menu-tools .workspace-search-button { position: static; inset: auto; flex: 1; min-width: 0; width: auto; min-height: 44px; margin: 0; }
.workspace-menu-tools .workspace-search-button kbd { display: none; }
.workspace-menu-tools .workspace-attention { flex: none; }
.workspace-menu-tools .workspace-attention-toggle { position: relative; width: 44px; min-width: 44px; height: 44px; padding: 10px; justify-content: center; border: 1px solid var(--menu-line); border-radius: 10px; background: var(--menu-hover); color: var(--menu-muted); }
.workspace-menu-tools .workspace-attention-toggle::before { display: none; }
.workspace-menu-tools .workspace-attention-toggle svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.workspace-menu-tools .workspace-attention-label { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.workspace-menu-tools .workspace-attention-toggle:hover, .workspace-menu-tools .workspace-attention[open] > .workspace-attention-toggle { color: var(--menu-accent); border-color: var(--menu-accent); }
.workspace-attention-count { position: absolute; inset-block-start: -3px; inset-inline-end: -3px; display: flex; align-items: center; justify-content: center; min-width: 17px; height: 17px; padding: 0 3px; border: 2px solid var(--menu-bg); border-radius: 9px; background: #d5aa65; color: #172026; font-size: 11px; font-weight: 650; line-height: 1; }
.workspace-attention-count[hidden], .workspace-attention-list[hidden] { display: none; }
.workspace-sidebar > .workspace-attention-list { position: absolute; inset: auto; margin: 0; padding: 8px; width: min(320px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); z-index: 45; }
.workspace-attention-heading { padding: 8px 10px 12px; border-bottom: 1px solid var(--border); }
.workspace-attention-heading strong { font-size: 14px; font-weight: 600; }
.workspace-attention-link { padding: 12px 10px; gap: 4px; border-bottom: 1px solid var(--border); border-radius: 0; }
.workspace-attention-link strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.workspace-attention-link[data-level=error] .workspace-attention-state { color: var(--danger, #d77480); }
.workspace-attention-state { font-size: 11px; line-height: 1.5; color: var(--muted); }
.workspace-attention-empty { margin: 0; padding: 18px 10px 10px; font-size: 12px; line-height: 1.6; color: var(--muted); }
.workspace-attention-note { margin: 10px; font-size: 11px; line-height: 1.5; color: var(--muted); }
.workspace-attention-more { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 4px; padding: 8px; border-radius: 8px; color: var(--mint); font-size: 12px; font-weight: 550; }
.workspace-attention-more:hover { background: var(--surface-2); }
.workspace-attention-more:focus-visible { outline: 2px solid var(--mint); outline-offset: -2px; }
.workspace-local-pages { margin: 0 0 16px; }
.workspace-local-pages[hidden] { display: none; }
.workspace-local-pages > nav { display: flex; flex-wrap: wrap; gap: 6px; }
.workspace-local-pages a { min-height: 44px; font-size: 12px; }
.workspace-sales-settings { display: grid; gap: 16px; margin: 16px 0; }
.hub-shell .workspace-sales-settings .commercial-operation-bar { margin: 0; display: grid; grid-template-columns: minmax(160px, 1fr) minmax(200px, 2fr); gap: 12px; align-items: center; }
.workspace-sales-settings .commercial-operation-bar > div { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; }
.workspace-sales-settings .workspace-operation-caption { position: static; font-size: 12px; }
.workspace-sales-settings .workspace-operation-scope { display: none; }
.workspace-sales-settings .commercial-operation-manager { margin: 0; }
.commercial-operation-bar[hidden], .commercial-operation-manager[hidden] { display: none; }
.workspace-headerless .view .page-heading .eyebrow, .workspace-headerless .view .sales-section-heading .eyebrow { display: none; }
@media (max-width: 1279px) {
  body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav { display: none; }
  .workspace-top-navigation .workspace-page-picker { display: block; flex: 1; max-width: 360px; min-width: 0; margin: 0; }
  .workspace-top-navigation .workspace-page-select { display: block; width: 100%; min-width: 0; min-height: 44px; padding: 8px 10px; border: 1px solid transparent; border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; font-size: 14px; }
}
@media (min-width: 761px) {
  .hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-menu-tools { order: 1; flex-direction: column; align-items: center; gap: 6px; margin: 0 auto 12px; }
  .hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-menu-tools .workspace-search-button { flex: none; width: 44px; min-height: 44px; padding: 10px; }
}
@media (min-width: 761px) and (max-height: 700px) {
  .hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-menu-tools { flex-direction: row; gap: 4px; }
}
@media (min-width: 761px) and (max-height: 440px) {
  .hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-menu-tools { position: absolute; top: 53px; inset-inline-end: 8px; margin: 0; }
}
@media (max-width: 760px) {
  body.hub-shell.workspace-headerless .page-shell { padding-top: 8px; }
  .workspace-top-navigation { display: flex; }
  .workspace-top-navigation .workspace-page-picker { max-width: none; }
  .workspace-top-navigation .workspace-page-select { font-size: 16px; }
  .hub-shell .workspace-sales-settings .commercial-operation-bar { grid-template-columns: minmax(0, 1fr); }
  .workspace-sales-settings .commercial-operation-bar > .field { display: grid; gap: 8px; }
  .workspace-sales-settings .commercial-operation-bar > div > .button { width: auto; }
}
@media (max-height: 480px) {
  .workspace-sidebar > .workspace-attention-list { padding: 6px; }
  .workspace-attention-heading { padding: 4px 8px 8px; }
  .workspace-attention-link { padding: 6px 8px; gap: 2px; }
  .workspace-attention-state { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  .workspace-attention-note { margin: 6px 8px; }
}
@media (max-width: 760px) and (max-height: 480px), (min-width: 761px) and (max-height: 380px) {
  .hub-shell.workspace-headerless .workspace-menu-tools { position: absolute; top: 8px; inset-inline-end: 56px; gap: 4px; margin: 0; }
  .hub-shell.workspace-headerless .workspace-menu-tools .workspace-search-button { flex: none; width: 44px; min-height: 44px; padding: 10px; }
  .workspace-menu-tools .workspace-search-button span { display: none; }
}
@media (prefers-reduced-motion: no-preference) { .workspace-attention-toggle { transition: background 120ms ease, color 120ms ease; } }
body[data-hub-reduced-motion=true] .workspace-attention-toggle { transition: none; }
@media (prefers-reduced-motion: reduce) { .workspace-attention-toggle { transition: none; } }
@media (forced-colors: active) { .workspace-attention-count { border-color: Canvas; color: HighlightText; background: Highlight; } .workspace-attention-toggle { border-color: ButtonText; } }
@media (min-width: 761px) and (min-height: 441px) and (max-height: 768px) {
  body.hub-shell.workspace-headerless[data-hub-collapsed=true] { --sidebar-width: 172px; }
  body.hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-sidebar { width: 112px; }
  body.hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-menu-tools { flex-direction: row; gap: 4px; }
  body.hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-sidebar .main-nav { display: grid; grid-template-columns: repeat(2, 44px); grid-template-rows: repeat(3, 44px) minmax(44px, 1fr); justify-content: center; gap: 2px; }
  body.hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-sidebar .nav-item[data-area=config] { margin: 0; grid-column: 2; align-self: end; }
}
@media (min-width: 761px) and (max-height: 380px) {
  body.hub-shell.workspace-headerless[data-hub-collapsed=true] .workspace-menu-tools { top: 53px; inset-inline-end: 8px; }
}
.workspace-top-navigation .workspace-picker-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Shared sticky navigation across the eight areas, including secondary pages. */
html.workspace-menu-ready { scroll-padding-top: var(--workspace-navigation-offset, 76px); }
body.hub-shell.workspace-headerless .workspace-context.workspace-context-compact {
  position: sticky; top: max(8px, env(safe-area-inset-top)); z-index: 20;
  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 6px; border: 0; padding: 0;
  margin-bottom: 20px; isolation: isolate;
  --workspace-nav-bg: #151c20; --workspace-nav-active: #2a3439;
  --workspace-nav-line: #ffffff13; --workspace-nav-hover: #ffffff08;
  --workspace-nav-text: #b5bfc3; --workspace-nav-selected: #f3f6f5;
}
body.hub-shell.workspace-headerless[data-hub-theme=light] .workspace-context {
  --workspace-nav-bg: #f1f3f2; --workspace-nav-active: #ffffff;
  --workspace-nav-line: #18272215; --workspace-nav-hover: #18272208;
  --workspace-nav-text: #5a6963; --workspace-nav-selected: #17251f;
}
body.hub-shell.workspace-headerless .workspace-navigation-surface {
  display: grid; grid-template-columns: minmax(0, 1fr); justify-items: center;
  width: max-content; max-width: 100%; min-width: 0;
  padding: 4px; border: 1px solid var(--workspace-nav-line); border-radius: 16px;
  background: var(--workspace-nav-bg);
  box-shadow: 0 6px 20px #00000012, inset 0 1px 0 #ffffff05;
}
body.hub-shell.workspace-headerless .workspace-top-navigation {
  width: 100%; max-width: 100%; min-height: 0; justify-content: center;
  gap: 8px; padding: 0; border: 0; border-radius: 12px;
  background: transparent; box-shadow: none;
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav {
  flex: 0 1 auto; width: max-content; max-width: 100%; gap: 2px; overflow: visible;
  isolation: isolate;
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav-link {
  position: relative; z-index: 1; min-height: 36px; padding: 7px 14px;
  border: 1px solid transparent; border-radius: 11px; background: transparent;
  box-shadow: none;
  color: var(--workspace-nav-text); font-size: 13px; font-weight: 550;
  letter-spacing: -.1px; line-height: 20px;
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav-link:hover {
  background: var(--workspace-nav-hover); color: var(--workspace-nav-selected);
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav-link[aria-current=page] {
  background: var(--workspace-nav-active); color: var(--workspace-nav-selected);
  border-color: var(--workspace-nav-line);
}
body.hub-shell.workspace-headerless .workspace-subnav[data-menu-refined=true] .workspace-subnav-link[aria-current=page] {
  background: transparent; border-color: transparent;
}
body.hub-shell.workspace-headerless .workspace-tab-marker {
  z-index: 0; border: 1px solid var(--workspace-nav-line); border-radius: 11px;
  background: var(--workspace-nav-active); box-shadow: 0 1px 3px #00000014;
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-subnav-link::after { display: none; }
body.hub-shell.workspace-headerless :is(.workspace-subnav-link,.workspace-local-pages .button,.workspace-local-tabs [role=tab],.workspace-page-select,.workspace-local-select):focus-visible {
  outline: 2px solid var(--mint); outline-offset: 1px;
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-page-picker {
  flex: 0 1 auto; width: min(320px, 100%); max-width: 100%; margin: 0;
}
body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-page-select {
  width: 100%; min-width: 0; min-height: 36px; padding: 7px 12px; border: 0;
  border-radius: 11px; background: var(--workspace-nav-active); color: var(--workspace-nav-selected); font: inherit; font-size: 13px;
}
body.hub-shell.workspace-headerless .workspace-local-pages {
  flex: none; max-width: 100%; margin: 0; padding: 0 0 0 8px;
  border: 0; border-inline-start: 1px solid var(--workspace-nav-line);
  border-radius: 0; background: transparent; box-shadow: none;
}
body.hub-shell.workspace-headerless .workspace-local-pages .hub-related-links {
  width: max-content; max-width: 100%; flex-wrap: nowrap; justify-content: center; gap: 3px; padding: 0;
}
body.hub-shell.workspace-headerless .workspace-local-pages .button {
  min-height: 36px; padding: 7px 12px; border: 1px solid transparent; border-radius: 11px;
  background: transparent; color: var(--workspace-nav-text); font-size: 13px;
  font-weight: 500; white-space: nowrap; line-height: 20px;
}
body.hub-shell.workspace-headerless .workspace-local-pages .button:is(:hover,[aria-current=page]) {
  background: var(--workspace-nav-hover); color: var(--workspace-nav-selected);
}
body.hub-shell.workspace-headerless .workspace-local-pages .button[aria-current=page] {
  background: var(--workspace-nav-active); border-color: var(--workspace-nav-line);
}
body.hub-shell.workspace-headerless .workspace-navigation-surface[data-secondary-row=true] { width: var(--workspace-secondary-width); }
body.hub-shell.workspace-headerless .workspace-navigation-surface[data-secondary-row=true] .workspace-top-navigation { flex-wrap: wrap; gap: 4px; }
body.hub-shell.workspace-headerless .workspace-navigation-surface[data-secondary-row=true] .workspace-local-pages {
  flex-basis: 100%; padding: 4px 0 0; border-inline-start: 0;
  border-top: 1px solid var(--workspace-nav-line);
}
body.hub-shell.workspace-headerless .workspace-navigation-surface[data-secondary-row=true] .hub-related-links { margin-inline: auto; }
body.hub-shell.workspace-headerless[data-workspace-compact-navigation=true] .workspace-local-pages { display: none; }
body.hub-shell.workspace-headerless .workspace-context .hub-feedback { max-width: 100%; margin: 0 !important; }
@media (max-width: 1279px), (pointer: coarse) {
  body.hub-shell.workspace-headerless .workspace-top-navigation :is(.workspace-page-select,.workspace-subnav-link),
  body.hub-shell.workspace-headerless .workspace-local-pages .button { min-height: 44px; }
}
@media (max-width: 760px) {
  body.hub-shell.workspace-headerless .workspace-navigation-surface { width: min(360px, 100%); }
  body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-page-picker { flex: 1; width: auto; }
  body.hub-shell.workspace-headerless .workspace-top-navigation .workspace-page-select { font-size: 16px; }
  body.hub-shell.workspace-headerless .workspace-top-navigation .hub-menu-toggle { flex: none; min-width: 44px; border: 0; border-radius: 11px; background: transparent; color: var(--workspace-nav-text); }
}
@media (prefers-reduced-motion: no-preference) {
  body.hub-shell.workspace-headerless :is(.workspace-subnav-link,.workspace-local-pages .button,.workspace-local-tabs [role=tab]) { transition: background 140ms ease, color 140ms ease, border-color 140ms ease; }
}
body.hub-shell[data-hub-reduced-motion=true] :is(.workspace-subnav-link,.workspace-local-pages .button,.workspace-local-tabs [role=tab]) { transition: none; }
@media (prefers-reduced-motion: reduce) {
  body.hub-shell.workspace-headerless :is(.workspace-subnav-link,.workspace-local-pages .button,.workspace-local-tabs [role=tab]) { transition: none; }
}
@media (forced-colors: active) {
  body.hub-shell.workspace-headerless .workspace-navigation-surface { border-color: ButtonText; }
  body.hub-shell.workspace-headerless .workspace-tab-marker { background: Canvas; border-color: Highlight; }
}
/* Canonical secondary links replace the duplicate page-local strips. */
body.hub-shell.workspace-headerless :is(.growth-hub-tabs,.automation-hub-tabs) { display: none; }
/* Local tab panels (communities, help, billing and health) retain their handlers. */
body.hub-shell.workspace-headerless .workspace-local-tabs {
  max-width: 100%; width: 100%; margin-top: 4px; padding: 4px 0 0;
  border: 0; border-top: 1px solid var(--workspace-nav-line);
  border-radius: 0; background: transparent; box-shadow: none;
}
body.hub-shell.workspace-headerless .workspace-local-tabs > [role=tablist] {
  position: static; display: flex; flex-wrap: nowrap; width: max-content; max-width: 100%;
  justify-content: center; gap: 2px; margin: 0 auto; padding: 0; border: 0;
}
body.hub-shell.workspace-headerless .workspace-local-tabs [role=tab] {
  flex: none; min-height: 34px; padding: 6px 12px; border: 1px solid transparent;
  border-radius: 10px; background: transparent; color: var(--workspace-nav-text); font-size: 13px; line-height: 20px;
}
body.hub-shell.workspace-headerless .workspace-local-tabs [role=tab]:is(:hover,[aria-selected=true]) {
  background: var(--workspace-nav-hover); color: var(--workspace-nav-selected); border-color: transparent;
}
body.hub-shell.workspace-headerless .workspace-local-tabs [role=tab][aria-selected=true] {
  background: var(--workspace-nav-active); border-color: var(--workspace-nav-line);
}
body.hub-shell.workspace-headerless .workspace-local-select { display: none; }
body.hub-shell.workspace-headerless .workspace-local-tabs[data-compact=true] > [role=tablist] { display: none; }
body.hub-shell.workspace-headerless .workspace-local-tabs[data-compact=true] .workspace-local-select {
  display: block; width: min(320px, 100%); max-width: 100%; min-height: 34px;
  margin-inline: auto; padding: 6px 10px; border: 0; border-radius: 10px; background: var(--workspace-nav-active); color: var(--workspace-nav-selected); font: inherit;
}
@media (max-width: 1279px), (pointer: coarse) {
  body.hub-shell.workspace-headerless .workspace-local-tabs :is([role=tab],.workspace-local-select) { min-height: 44px; }
}
@media (max-width: 760px) {
  body.hub-shell.workspace-headerless .workspace-local-select { font-size: 16px !important; }
}
@media (forced-colors: active) {
  body.hub-shell.workspace-headerless .workspace-local-tabs { border-color: ButtonText; }
}

/* Five work areas, with secondary tools available without a crowded tab strip. */
body.hub-shell.workspace-headerless .workspace-tool-select {
  width: auto; max-width: 230px; min-height: 36px; padding: 7px 28px 7px 10px;
  border: 0; border-radius: 10px; background: var(--workspace-nav-active);
  color: var(--workspace-nav-selected); font: inherit; font-size: 13px;
}
.workspace-context-tools { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 16px; }
.workspace-context-tools[hidden] { display: none; }
.workspace-context-tool { color: var(--muted); font-size: 13px; padding-block: 7px; text-decoration: none; }
.workspace-context-tool:hover { color: var(--text); }
.workspace-context-tool:focus-visible, .workspace-tool-select:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
@media (max-height: 660px) {
  body.hub-shell .workspace-sidebar .main-nav { grid-template-rows: repeat(2,44px) minmax(44px,1fr); }
  body.hub-shell .workspace-sidebar .nav-item[data-area=config] { grid-column: 2; align-self: end; }
}
@media (max-height: 440px) {
  body.hub-shell .workspace-sidebar .main-nav { grid-template-rows: 44px minmax(44px,1fr); }
  body.hub-shell .workspace-sidebar .nav-item[data-area=config] { grid-column: 3; align-self: end; }
}
@media (max-width: 1279px), (pointer: coarse) {
  body.hub-shell.workspace-headerless .workspace-tool-select, .workspace-context-tool { min-height: 44px; }
}