/* Release 231: keep every video task card control row fluid and single-line. */
.shell .jobCard {
  min-width: 0;
}

.shell .jobCard > .controlRow {
  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(0, 1.15fr)
    minmax(0, .65fr)
    minmax(0, .9fr) !important;
  gap: clamp(4px, .55vw, 8px);
}

.shell .jobCard > .modelCenterControlRow {
  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, .65fr)
    minmax(0, .9fr) !important;
}

.shell .jobCard > .specialChannelControlRow {
  grid-template-columns:
    minmax(0, 2fr)
    minmax(0, 1fr)
    minmax(0, 1fr)
    minmax(0, .8fr) !important;
}

.shell .jobCard > .controlRow:has(.primaryModelChoice213) {
  grid-template-columns:
    minmax(0, .9fr)
    minmax(0, 1.3fr)
    minmax(0, .75fr)
    minmax(0, 1.05fr) !important;
}

.shell .jobCard > .controlRow > * {
  min-width: 0;
  overflow: hidden;
}

.shell .jobCard > .controlRow > .durationControl {
  grid-column: auto !important;
}

.shell .jobCard > .controlRow label,
.shell .jobCard > .controlRow .choiceField {
  padding: clamp(6px, .65vw, 10px);
}

.shell .jobCard > .controlRow select,
.shell .jobCard > .controlRow option,
.shell .jobCard > .controlRow .aspectRatioOption,
.shell .jobCard > .controlRow .modelSelectWithInfo,
.shell .jobCard > .controlRow .modelNameSelect186 {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell .jobCard > .controlRow select {
  font-size: clamp(9px, .78vw, 11px);
}

.shell .jobCard > .controlRow label > span,
.shell .jobCard > .controlRow .choiceFieldLabel {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell .jobCard > .controlRow .modelSwitchButton207 {
  max-width: 44%;
  overflow: hidden;
  padding-inline: clamp(5px, .55vw, 8px);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell .jobCard > .controlRow .modelNameField186 > .modelChoiceLabel186,
.shell .jobCard > .controlRow .primaryModelChoice213 > .modelChoiceLabel186 {
  padding-right: min(124px, 48%);
}

.shell .jobCard > .controlRow .primaryModelChoice213 > .modelSwitchButton207 {
  left: 38%;
  right: auto;
  width: min(94px, 40%);
}