/* Team management readability pass. Scoped to the member modal only. */
.team-modal {
  width: min(760px, 96vw) !important;
  max-height: 92vh !important;
  padding: 32px !important;
}

.team-modal > .eyebrow {
  font-size: 11px !important;
  letter-spacing: .14em !important;
}

.team-modal > h2 {
  margin: 10px 0 7px !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
}

.team-modal .team-note {
  margin: 0 !important;
  color: #747a74 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.team-modal .team-list {
  max-height: 390px !important;
  margin: 24px 0 !important;
}

.team-modal .team-list article {
  grid-template-columns: 42px minmax(0, 1fr) auto auto 60px !important;
  align-items: center !important;
  gap: 13px !important;
  min-height: 76px !important;
  padding: 13px 0 !important;
}

.team-modal .team-list .avatar {
  width: 40px !important;
  height: 40px !important;
  font-size: 12px !important;
}

.team-modal .team-list .member-identity {
  min-width: 0 !important;
}

.team-modal .team-list .member-identity b {
  font-size: 15px !important;
  line-height: 1.3 !important;
}

.team-modal .team-list .member-identity small {
  margin-top: 4px !important;
  color: #858b86 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.team-modal .team-list em,
.team-modal .team-list i {
  font-size: 11px !important;
  line-height: 1.25 !important;
}

.team-modal .team-list em {
  padding: 5px 8px !important;
}

.team-modal .team-list i {
  color: #747b75 !important;
}

.team-modal .team-list .member-actions button,
.team-modal .team-list .team-remove-button {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.team-modal form {
  padding-top: 7px !important;
}

.team-modal form h3 {
  margin: 19px 0 12px !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}

.team-modal .form-grid {
  gap: 14px !important;
}

.team-modal .form-grid label {
  gap: 7px !important;
  color: #666c67 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.team-modal .form-grid input,
.team-modal .form-grid select {
  height: 44px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
}

.team-modal .invite-button {
  height: 44px !important;
  font-size: 13px !important;
}

@media (max-width: 640px) {
  .team-modal {
    width: 96vw !important;
    max-height: 94vh !important;
    padding: 25px 20px !important;
  }

  .team-modal > h2 {
    font-size: 24px !important;
  }

  .team-modal .team-list article {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 11px !important;
    min-height: 70px !important;
  }

  .team-modal .team-list em,
  .team-modal .team-list i,
  .team-modal .team-list .member-actions,
  .team-modal .team-list .team-remove-button {
    display: none !important;
  }

  .team-modal .team-list .member-identity b {
    font-size: 14px !important;
  }

  .team-modal .team-list .member-identity small {
    font-size: 11.5px !important;
  }
}