/* Keep the stock toolbar on one row on tablets and desktop displays. */
@media (min-width: 761px) {
  .retail-stock-workspace > .retail-stock-header {
    flex: none;
    flex-wrap: nowrap;
    min-width: 0;
    align-items: center;
    gap: var(--space-2);
  }
  .retail-stock-workspace > .retail-stock-header > h1,
  .retail-stock-workspace > .retail-stock-header > .btn,
  .retail-stock-workspace > .retail-stock-header > .retail-stock-menu {
    flex: none;
    margin: 0;
    white-space: nowrap;
  }
  .retail-stock-workspace > .retail-stock-header > .segmented {
    display: flex;
    flex: 1 1 auto;
    order: 0;
    width: auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
  }
  .retail-stock-workspace > .retail-stock-header > .segmented > button {
    flex: none;
    min-height: var(--control-md);
    white-space: nowrap;
  }
  .retail-stock-workspace > .retail-stock-header > .retail-stock-branch {
    flex: 0 1 260px;
    min-width: 0;
    margin-left: 0;
  }
}
@media (min-width: 761px) and (max-width: 1200px) {
  .retail-stock-workspace > .retail-stock-header > .retail-stock-branch {
    flex-basis: 120px;
    max-width: 120px;
  }
  .retail-stock-workspace > .retail-stock-header > .segmented > button,
  .retail-stock-workspace > .retail-stock-header > .btn,
  .retail-stock-workspace > .retail-stock-header > .retail-stock-menu > summary {
    padding-inline: var(--space-2);
  }
}
@media (min-width: 761px) and (max-width: 1050px) {
  /* Branch selection remains in the application top bar. */
  .retail-stock-workspace > .retail-stock-header > .retail-stock-branch { display: none; }
}