/* One compact context row; secondary tools stay reachable on demand. */
.hub-shell .workspace-context-compact { position: relative; margin-bottom: 20px; padding-bottom: 8px; }
.hub-shell .workspace-context-compact .workspace-context-head { display: flex; flex-wrap: nowrap; align-items: center; gap: 12px; min-height: 40px; }
.hub-shell .workspace-context-compact .workspace-context-identity { display: flex; flex: 1; align-items: center; gap: 10px; min-width: 0; }
.hub-shell .workspace-context-compact #workspace-area-title { margin: 0; font-size: 14px; font-weight: 650; line-height: 1.4; }
.hub-shell .workspace-context-compact #workspace-area-description { margin: 0 0 14px; line-height: 1.6; }
.hub-shell .workspace-context-compact .workspace-help, .hub-shell .workspace-context-compact .workspace-guide { display: inline-flex; margin: 0; min-height: 44px; max-width: 100%; white-space: normal; }
.hub-shell .workspace-context-compact .hub-toolbar { display: flex; margin: 12px 0 0; gap: 8px; }
.hub-shell .workspace-context-compact .hub-scope { order: 4; flex-basis: 100%; min-width: 0; margin: 8px 0 0; line-height: 1.6; }
.hub-shell .workspace-context-compact .hub-related { margin: 12px 0 0; }
.hub-shell .workspace-context-compact .hub-related-links { padding: 0; }
.workspace-context-compact > .hub-feedback:empty { display: none; }
.hub-shell .workspace-context-compact .workspace-subnav { margin-top: 4px; }
.workspace-page-picker { display: none; }
.workspace-page-select:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
@media (max-width: 760px) {
  .hub-shell .main, .hub-shell .workspace-external-main { transition: none; }
  .hub-shell[data-workspace-area] .workspace-context-compact .workspace-subnav { display: none; }
  .workspace-page-picker { display: block; position: relative; margin-top: 8px; }
  .workspace-picker-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .workspace-page-select { display: block; width: 100%; max-width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--text); font-family: inherit; font-size: 16px; }
  .hub-shell .workspace-context-compact .workspace-context-head > .workspace-context-identity { flex-basis: auto; }
  .hub-shell .workspace-context-compact #workspace-area-title { font-size: 13px; }
  .hub-shell .workspace-context-compact .hub-menu-toggle { display: inline-flex; width: 44px; min-height: 44px; padding: 8px; align-items: center; justify-content: center; font-size: 11px; }
}
