.page-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); margin-bottom: var(--space-4); }
.page-header__identity { flex: 1; min-width: 0; }
.page-header__context { margin-bottom: var(--space-4); }
.page-header h1 { font-size: var(--title-page); overflow-wrap: anywhere; }
.page-header .eyebrow { margin-bottom: var(--space-2); }
.page-header__description { margin-top: var(--space-1); color: var(--muted); font-size: var(--text-email); line-height: var(--line-body); }
.page-header .sheet-save-status:not(:empty) { display: block; margin-top: var(--space-1); }
.page-header__actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
/* Keep a little space around the first and last scrollable tabs. */
.page-tabs { display: flex; gap: var(--space-2); margin: 0 calc(-1 * var(--focus-clearance)) 24px; padding: var(--focus-clearance); overflow-x: auto; scroll-padding: var(--focus-clearance); }
.page-tabs > .button { flex-shrink: 0; }
.page-tabs__count { display: inline; color: inherit; font: inherit; }
.order-panel .page-header { align-items: flex-start; gap: var(--space-3); margin-bottom: var(--space-4); }
.order-panel .page-header h1 { font-size: var(--title-page); line-height: var(--line-title); }
.order-panel .page-header__description { margin-top: var(--space-2); font-size: var(--text-dense); }
.order-panel .page-tabs { gap: var(--space-1); }
@media (max-width: 760px) {
  .page-header { align-items: flex-start; flex-wrap: wrap; gap: var(--space-4); margin-bottom: var(--space-4); }
  .page-header__identity { min-width: min(100%, 200px); }
  .page-tabs { margin-bottom: var(--space-4); }
}

/* The workspace title and sidebar wordmark occupy one continuous band. */
.workspace-content > main > .page-header, .workspace-content > main > turbo-frame > .page-header, .workspace-content > .settings-import-page > .page-header { min-height: var(--topbar-height); height: var(--topbar-height); margin: 0 calc(-1 * var(--page-gutter)) var(--page-header-gap, var(--space-4)); padding: 0 var(--page-gutter); border-bottom: 1px solid var(--line); flex-wrap: nowrap; align-items: center; }
.page-header--flush { --page-header-gap: 0px; }
.workspace-content > main > .page-header h1, .workspace-content > .settings-import-page > .page-header h1 { font: 600 var(--title-page)/var(--line-workspace) var(--sans); }
.workspace-content > main > .page-header .page-header__identity, .workspace-content > .settings-import-page > .page-header .page-header__identity { display: flex; align-items: center; gap: var(--space-2); }

/* Compact top-bar navigation and search from the final reference cascade. */
.workspace-content > main > .page-header--with-tabs { gap: var(--space-3); }
.page-header--with-tabs .page-header__identity { flex: 0 0 auto; min-width: 0; }
.page-header--with-tabs .page-header__actions { flex: 1; min-width: 0; flex-wrap: nowrap; }
.page-tabs.topbar-tabs { gap: var(--tab-gap); margin: 0; padding: 0; overflow: visible; }
.page-header--with-tabs .topbar-tabs { margin-left: var(--space-2); }
.topbar-tabs > .button { height: var(--tab-height); min-height: var(--tab-height); padding: 0 var(--space-2); gap: var(--tab-count-gap); color: var(--muted); line-height: var(--line-workspace); letter-spacing: var(--tracking-ui); }
.topbar-tabs > .button[aria-current="page"], .topbar-tabs > .button[aria-selected="true"] { background: var(--nav-selected); color: var(--ink); font-weight: 400; }
.topbar-tabs .page-tabs__count { color: var(--muted); font: 400 var(--text-meta)/var(--line-meta) var(--sans); }
.topbar-search { position: relative; flex: 0 1 var(--search-width); width: var(--search-width); min-width: 0; }
.topbar-search form { display: flex; align-items: center; gap: var(--space-2); margin: 0; padding: 0; width: 100%; }
.topbar-search .search-control, .production-toolbar .topbar-search .filter-field--search { flex: 1 1 100%; width: 100%; min-width: 0; }
.topbar-search .text-input { min-width: 0; height: var(--control-height); min-height: var(--control-height); padding: 0 var(--button-padding-x); line-height: var(--line-workspace); }
.topbar-search:has(.topbar-search-clear) .text-input { padding-right: var(--control-height); }
.topbar-search .topbar-search-clear { position: absolute; right: 0; top: 0; width: var(--control-height); height: var(--control-height); min-height: var(--control-height); }
.production-toolbar .topbar-search .order-filters { display: flex; flex: 1; flex-wrap: nowrap; }
.topbar-search-trigger > svg { width: var(--search-icon-size); height: var(--search-icon-size); }
html.order-panel-open .workspace-content > main > .page-header :is(.button--primary, .button--dark),
.workspace-content > main:has(.client-draft-actions:not([hidden])) > .page-header :is(.button--primary, .button--dark) { background: var(--surface); color: var(--ink); border-color: var(--input-line); font-weight: 400; }
html.order-panel-open .workspace-content > main > .page-header :is(.button--primary, .button--dark):hover,
.workspace-content > main:has(.client-draft-actions:not([hidden])) > .page-header :is(.button--primary, .button--dark):hover { background: var(--hover); }

.status-action__dot { width: var(--status-dot-size); height: var(--status-dot-size); flex: 0 0 var(--status-dot-size); border-radius: 0; background: var(--amber); }
.status-action__count { color: var(--amber); font-variant-numeric: tabular-nums; }

/* Keep actions reachable in the same band; narrow screens scroll the tabs. */
@media (max-width: 760px) {
  .page-header--with-tabs .page-header__actions > .topbar-tabs { flex: 1 1 0; min-width: 0; overflow-x: auto; scrollbar-width: none; }
  .page-header--with-tabs .page-header__actions > :not(.topbar-tabs) { flex-shrink: 0; }
  .page-header--with-tabs .inventory-topbar-spacer { display: none; }
  .page-header--with-tabs .sales-topbar-tools { flex: 0 0 auto; }
}