/* Workspace member management styles. */
html[data-theme="dark"] .privacy-card {
  background: #252f29;
  border-color: var(--line);
}
html[data-theme="dark"] .profile-row {
  border-color: var(--line);
}
.member-form {
  display: flex;
  align-items: end;
  gap: 10px;
  flex-wrap: wrap;
  padding: 16px 20px 20px;
}
.member-form label {
  font-weight: 600;
}
.member-form input {
  min-width: 16rem;
  flex: 1;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 10px;
  background: #fff;
  color: inherit;
}
html[data-theme="dark"] .member-form input {
  background: #18211b;
  color: #e4ece6;
  border-color: #435248;
}
.member-form .field-hint {
  flex-basis: 100%;
  margin: 0;
}
.member-list {
  padding: 0 20px;
}
.member-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
}
.member-row > div {
  display: grid;
  gap: 3px;
}
.member-row small {
  color: var(--muted);
}