/* Header uses the same light chrome as the page (no inverted dark-field styles). */
    .ds-app-header .ds-app-tabs {
      background: var(--ds-surface-inset);
      border-color: var(--ds-border-subtle);
    }
    .ds-app-header .ds-tab {
      color: var(--ds-text-muted);
    }
    .ds-app-header .ds-tab:hover:not(.ds-tab--active) {
      color: var(--ds-text-secondary);
    }
    .ds-app-header .ds-tab--active {
      color: var(--ds-brand-hero);
      background: #fff;
      box-shadow:
        0 0.5px 0 rgb(15 23 42 / 0.04),
        0 1px 2px rgb(15 23 42 / 0.05),
        0 0 0 0.5px rgb(var(--ds-brand-hero-rgb) / 0.12);
    }
    .ds-app-header .ds-read-only-badge {
      color: var(--ds-text-muted);
      border-color: var(--ds-border-subtle);
      background: var(--ds-surface-inset);
    }
    .ds-user-select {
      max-width: 11rem;
      font-size: var(--ds-text-caption, 14px);
      padding: 0.35rem 0.5rem;
    }