/* One horizontal navigation row. The strip owns overflow; actions never wrap. */
html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-main-navigation {
  flex-wrap: nowrap;
  gap: 0;
  overflow-x: auto;
  overflow-y: hidden;
  align-items: center;
  min-width: 0;
  scrollbar-width: none;
}
html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-main-navigation::-webkit-scrollbar { display: none; }
html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-main-navigation > .platform-switcher {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  flex-wrap: nowrap;
}
html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-main-navigation > .header-primary-navigation {
  flex: 0 0 auto;
  width: auto;
  min-width: max-content;
  margin: 0 0 0 8px;
  padding: 0 0 0 8px;
  border-left: 1px solid var(--line);
  justify-content: flex-start;
  flex-wrap: nowrap;
}
html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-primary-navigation .workspace-workflow-icon { display: block; }
html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-actions { flex: 0 0 auto; flex-wrap: nowrap; }
@media (max-width: 1200px) {
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .workspace-header-top { gap: 8px; }
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-primary-navigation .workspace-workflow-link { position: relative; min-width: 44px; padding-inline: 10px; }
  /* Preserve accessible names when the three workflow links become icons. */
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-primary-navigation .workspace-workflow-link > span:not(.workspace-workflow-count) {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .platform-switcher-status { display: none; }
}
@media (max-width: 760px) {
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-main-navigation > .header-primary-navigation { margin-left: 8px; padding-left: 8px; }
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .header-main-navigation { min-height: 48px; }
}

@media (max-width: 540px) {
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .platform-switcher-label {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
  html body #root .app-shell.product-shell.original-ui.header-only-shell > .workspace-header .platform-switcher-link { width: 44px; min-width: 44px; padding-inline: 10px; justify-content: center; }
}