    /* Compact History range chrome — match control height, not double padding */
    .ds-history-range-tabs {
      height: 2rem;
      min-height: 2rem;
      flex-shrink: 0;
      padding: 2px;
      box-sizing: border-box;
    }
    .ds-history-range-tabs .ds-tab {
      padding: 0 0.4rem;
      min-width: 1.85rem;
      font-size: var(--ds-text-caption);
      white-space: nowrap;
      line-height: 1;
      min-height: 0;
      height: 100%;
    }
    .ds-history-header-controls {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: var(--ds-space-1);
      min-width: 0;
      width: 100%;
      position: relative;
    }
    /* Range tabs hug option width — do not stretch full header */
    .ds-history-range-tabs {
      width: max-content;
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      justify-content: flex-start;
      align-self: flex-start;
    }
    /* Jump-to-date control — same strip as ALL…1D; slightly wider for short date label */
    .ds-history-range-tabs .ds-history-date-pick {
      min-width: 2.4rem;
      padding: 0 0.45rem;
      flex-shrink: 0;
    }
    .ds-history-range-tabs .ds-history-date-pick #history-date-trigger-label {
      display: inline-block;
      max-width: 5.5rem;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
    }
    /* Performance date menu — right-aligned under the range strip */
    .ds-history-date-menu {
      left: auto;
      right: 0;
      min-width: 10.5rem;
    }
