/* Keep ProductAppBar actions inside dense MudAppBar (~48px). */
.ci-appbar-action.mud-button-root {
  max-width: min(42vw, 11rem);
  min-width: 0;
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  flex-shrink: 1;
}

.ci-appbar-action .mud-button-label {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.ci-appbar-action .ci-appbar-action__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}