/* Segmented control — fixed height matches date action bar (--ds-control-h) */
    .ds-app-tabs {
      display: inline-flex;
      align-items: stretch;
      gap: 1px;
      height: var(--ds-control-h);
      box-sizing: border-box;
      padding: 2px;
      background: var(--ds-surface-inset);
      border-radius: 0.5rem;
      border: 0.5px solid var(--ds-border-subtle);
    }
    .ds-tab {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      box-sizing: border-box;
      font-size: var(--ds-text-caption);
      font-weight: 500;
      line-height: 1;
      padding: 0 0.7rem;
      border-radius: 0.375rem;
      color: var(--ds-text-muted);
      background: transparent;
      border: none;
      cursor: pointer;
      white-space: nowrap;
      transition: color 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease;
    }
    .ds-tab:hover:not(.ds-tab--active) {
      color: var(--ds-text-secondary);
    }
    .ds-tab:active:not(.ds-tab--active) {
      background: rgb(15 23 42 / 0.04);
    }
    .ds-tab--active {
      color: var(--ds-brand-hero);
      font-weight: 600;
      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-tab:focus-visible {
      outline: 2px solid var(--ds-accent);
      outline-offset: 2px;
      z-index: 1;
    }