#team-view .team-users-layout,
#team-view .team-management-grid {
  grid-template-columns: minmax(300px, .75fr) minmax(0, 1.75fr);
  align-items: start;
  gap: 20px;
}

#team-view .team-users-side {
  display: grid;
  gap: 20px;
  min-width: 0;
}

#team-view .team-users-side > .card,
#team-view .team-users-card,
#team-view .team-management-grid > .card {
  min-width: 0;
}

#team-view .emma-signature-form {
  max-width: none;
  margin: 0;
}

#team-view .team-users-card {
  container: team-users / inline-size;
}

#team-view #users-table .management-row {
  grid-template-columns: minmax(180px, 1fr) minmax(125px, 155px) minmax(65px, 85px);
  gap: 10px 18px;
}

#team-view #users-table .management-row.head > :last-child {
  display: none;
}

#team-view #users-table .management-row:not(.head) > :nth-child(2),
#team-view #users-table .management-row:not(.head) > :nth-child(3) {
  display: block;
}

#team-view #users-table .contact-main,
#team-view #users-table .contact-main > div {
  min-width: 0;
}

#team-view #users-table .contact-main > div {
  overflow-wrap: anywhere;
}

#team-view #users-table .management-row .actions {
  grid-column: 1 / -1;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

#team-view #users-table .small-btn,
#team-view #users-table .broadcast-recipient-toggle {
  white-space: nowrap;
}

@container team-users (max-width: 690px) {
  #team-view #users-table .management-row:not(.head) {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 150px);
  }
  #team-view #users-table .management-row.head {
    display: none;
  }
  #team-view #users-table .management-row:not(.head) > :nth-child(3) {
    grid-column: 1 / -1;
  }
}

@container team-users (max-width: 430px) {
  #team-view #users-table .management-row:not(.head) {
    grid-template-columns: minmax(0, 1fr);
  }
  #team-view #users-table .management-row .actions {
    justify-content: flex-start;
  }
}

@media (max-width: 1100px) {
  #team-view .team-users-layout,
  #team-view .team-management-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
