/* ==========================================================================
   Team Members — index table, activity table and drawer extras
   ========================================================================== */

/* == index table == */
.team-member__name-cell {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

/* == activity table == */
.team-member__activity-date {
  white-space: nowrap;
}

/* == drawer banners == */
.team-member__locked-banner {
  background-color: var(--tint-danger-10);
  border: 1px solid var(--tint-danger-16);
  border-left: 3px solid var(--color-danger);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-5);
}

.team-member__locked-banner p {
  margin: 0 0 var(--space-2) 0;
  font-size: var(--font-size-medium);
  color: var(--color-danger);
}

.team-member__locked-banner p:last-of-type {
  margin-bottom: var(--space-4);
}

/* Amber warning values mirror the core `.table-row--warning` treatment. */
.team-member__pending-banner {
  background-color: rgba(245, 158, 11, 0.07);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-left: 3px solid var(--color-warning);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  margin-bottom: var(--space-5);
}

.team-member__pending-banner p {
  margin: 0 0 var(--space-2) 0;
  font-size: var(--font-size-medium);
  color: var(--color-warning-dark);
}

.team-member__pending-banner p:last-of-type {
  margin-bottom: var(--space-4);
}

/* == lock account section == */
.team-member__lock-section {
  margin-top: var(--space-8);
  padding-top: var(--space-5);
  border-top: 1px solid var(--color-border);
}

.team-member__lock-title {
  font-size: var(--font-size-small);
  font-family: var(--font-family-bold);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--label-letter-spacing);
  color: var(--color-text-muted);
  margin-bottom: var(--space-4);
}

.team-member__lock-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.team-member__lock-form .form__field {
  margin-bottom: 0;
}

/* == static (read-only) field text == */
.team-member__static-text {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 var(--space-3);
  background-color: var(--color-surface-sunken);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  color: var(--color-text-muted);
  font-size: var(--font-size-medium);
}