.ds-header-menu-wrap {
      position: relative;
      display: flex;
      align-items: center;
      gap: var(--ds-space-2);
      grid-column: 3;
      grid-row: 1;
      justify-self: end;
      align-self: center;
      z-index: 2;
      margin-left: 0;
      height: var(--ds-portfolio-hero-band);
      flex-shrink: 0;
    }
    .ds-icon-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 2.5rem;
      height: 2.5rem;
      padding: 0;
      border: none;
      border-radius: var(--ds-radius-sm);
      background: transparent;
      color: var(--ds-text-muted);
      cursor: pointer;
    }
    .ds-icon-btn:hover {
      color: var(--ds-brand-hero);
      background: rgb(var(--ds-brand-hero-rgb) / 0.08);
    }
    .ds-icon-btn:focus-visible {
      outline: 2px solid var(--ds-accent);
      outline-offset: 2px;
    }
    .ds-menu-btn[aria-expanded="true"] {
      color: var(--ds-brand-hero);
      background: rgb(var(--ds-brand-hero-rgb) / 0.1);
    }
    .ds-app-menu {
      position: absolute;
      top: calc(100% + 0.35rem);
      right: 0;
      z-index: 40;
      min-width: 12.5rem;
      max-width: min(18rem, calc(100vw - 2rem));
      padding: var(--ds-space-2);
      background: #fff;
      border: 1px solid var(--ds-border);
      border-radius: var(--ds-radius-md);
      box-shadow:
        0 8px 24px rgb(15 23 42 / 0.1),
        0 0 0 0.5px rgb(15 23 42 / 0.04);
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .ds-app-menu-overview-actions {
      display: flex;
      flex-direction: column;
      gap: 2px;
      padding-bottom: var(--ds-space-2);
      margin-bottom: var(--ds-space-1);
      border-bottom: 1px solid var(--ds-border-subtle);
    }
    html[data-tracker-mode="history"] .ds-app-menu-overview-actions,
    body.docs-view-active .ds-app-menu-overview-actions {
      display: none;
    }
    .ds-app-menu .ds-portfolio-header-date-control {
      display: flex;
      flex-direction: column;
      width: 100%;
      position: relative;
    }
    .ds-snapshot-action-bar--menu {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      height: auto;
      border: none;
      border-radius: 0;
      background: transparent;
      overflow: visible;
    }
    .ds-snapshot-action-bar--menu .ds-snapshot-action-btn {
      display: flex;
      width: 100%;
      height: auto;
      min-height: 2.75rem;
      justify-content: flex-start;
      padding: 0.55rem 0.75rem;
      border: none;
      border-left: none;
      border-radius: var(--ds-radius-sm);
      background: transparent;
      color: var(--ds-text);
      font-size: var(--ds-text-body);
      font-weight: var(--ds-weight-medium);
    }
    .ds-snapshot-action-bar--menu .ds-snapshot-action-btn--date {
      justify-content: space-between;
    }
    .ds-app-menu .ds-snapshot-date-menu {
      position: static;
      left: auto;
      right: auto;
      width: 100%;
      max-height: min(14rem, 40vh);
      margin-top: 2px;
      box-shadow: none;
    }
    .ds-app-menu.hidden {
      display: none !important;
    }
    .ds-app-menu-item {
      display: block;
      width: 100%;
      text-align: left;
      padding: 0.55rem 0.75rem;
      border: none;
      border-radius: var(--ds-radius-sm);
      background: transparent;
      color: var(--ds-text);
      font-size: var(--ds-text-body);
      font-weight: var(--ds-weight-medium);
      cursor: pointer;
    }
    .ds-app-menu-item:hover:not(:disabled) {
      background: var(--ds-surface-inset);
      color: var(--ds-brand-hero);
    }
    .ds-app-menu-item:disabled {
      opacity: 0.45;
      cursor: not-allowed;
    }
    .ds-app-menu-field {
      display: flex;
      flex-direction: column;
      gap: 0.35rem;
      padding: 0.5rem 0.75rem 0.35rem;
      border-top: 1px solid var(--ds-border-subtle);
      margin-top: 0.25rem;
    }
    .ds-app-menu-label {
      font-size: var(--ds-text-caption);
      font-weight: var(--ds-weight-medium);
      color: var(--ds-text-muted);
    }
    .ds-app-menu .ds-user-select {
      width: 100%;
      max-width: none;
    }