.scenario-row > div {
  display: grid;
  gap: 3px;
}

.scenario-actions {
  grid-auto-flow: column;
}

@media (max-width: 720px) {
  .sidebar nav,
  .wealth-tabs {
    scrollbar-width: none;
  }

  .sidebar nav::-webkit-scrollbar,
  .wealth-tabs::-webkit-scrollbar {
    display: none;
  }

  .header-actions {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .compact-field {
    min-width: 0;
    flex: 1;
  }

  .header-actions .button {
    width: auto;
    padding: 8px 10px;
    font-size: .78rem;
  }

  .header-actions .button span {
    font-size: 1rem;
  }
}