.account__section {
  margin-block-end: calc(var(--block-space) * 2);
}

.account__email {
  margin-inline-start: var(--inline-space);
  color: var(--color-ink-muted);
}

.account__actions {
  display: flex;
  gap: var(--inline-space);
  margin-block-start: var(--block-space);
}

.invite-table {
  inline-size: 100%;
  border-collapse: collapse;
  margin-block-end: var(--block-space);

  td,
  th {
    padding: 0.4em 0.6em;
    border-block-end: 1px solid var(--color-border);
    text-align: start;
  }

  th {
    font-size: var(--font-size-s);
    font-weight: 400;
    color: var(--color-ink-muted);
  }
}

.invite-table__date {
  white-space: nowrap;
  font-size: var(--font-size-s);
}

.invite-table__row--disabled {
  color: var(--color-ink-muted);

  .invite-table__url {
    color: var(--color-ink-muted);
    text-decoration: line-through;
  }
}

/* The link takes whatever the dates and toggle don't need. */
.invite-table__link {
  inline-size: 100%;
}