form:has(input[name="directorMode"][value="single"]:checked) .director-list .director-row,
.director-list.single-responsible-person .director-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
}

form:has(input[name="directorMode"][value="single"]:checked) .director-list .director-actions,
.director-list.single-responsible-person .director-actions {
  display: none !important;
}

form:has(input[name="directorMode"][value="single"]:checked) .director-list .director-row:nth-child(n + 2),
.director-list.single-responsible-person .director-row:nth-child(n + 2) {
  display: none !important;
}

form:has(input[name="directorMode"][value="single"]:checked) .director-list .director-row > .field,
.director-list.single-responsible-person .director-row > .field {
  min-width: 0;
}

.single-entity-responsible-row {
  display: grid;
  gap: 14px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.single-entity-responsible-row > .field {
  min-width: 0;
}

form:has(input[name="directorMode"][value="multiple"]:checked) .director-list .director-row {
  align-items: end;
  grid-template-columns: minmax(180px, 1fr) minmax(160px, .8fr) minmax(280px, 1.25fr) auto !important;
  overflow: visible;
}

form:has(input[name="directorMode"][value="multiple"]:checked) .director-list .director-row > .field {
  min-width: 0;
}

form:has(input[name="directorMode"][value="multiple"]:checked) .director-list .director-row > label.field:has(> input[name^="directorPhoto-"]) {
  grid-template-columns: minmax(180px, 1fr) 58px;
  max-width: 100%;
  overflow: visible;
}

@media (max-width: 900px) {
  form:has(input[name="directorMode"][value="multiple"]:checked) .director-list .director-row {
    grid-template-columns: 1fr !important;
  }

  form:has(input[name="directorMode"][value="multiple"]:checked) .director-list .director-actions {
    justify-self: start;
  }
}