/* A team's pages: Overview, Events, Members, Admin (docs/adr/0019, 0033). */

.team-overview + .team-overview {
    margin-top: 2.5rem;
}

.team-overview h2 {
    margin-bottom: 0.75rem;
}

.team-overview__more {
    margin-top: 0.75rem;
}

/* Events: a list of fixtures under a heading that sticks while in view. */
.events {
    max-width: 40rem;
    margin-top: 1rem;
}

.events__heading {
    position: sticky;
    top: 0;
    z-index: 2;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 0.125rem solid var(--border);
    background-color: var(--white);
}

.team-overview__sport {
    margin-bottom: 1.5rem;
}

/* Typed in a textarea: keep the owner's line breaks. */
.team-overview__description,
.admin__description {
    max-width: 40rem;
    white-space: pre-line;
}

.team-overview__description {
    margin-bottom: 0.75rem;
}

/* Admin: team details, then the owner and who could take over. */
.admin {
    max-width: 40rem;
}

.admin__section + .admin__section {
    margin-top: 2.5rem;
}

.admin__section h2 {
    margin-bottom: 0.75rem;
}

.admin__section h3 {
    margin: 1.5rem 0 0.5rem;
}

.admin__details dt {
    font-weight: 700;
}

.admin__details dd + dt {
    margin-top: 0.75rem;
}

.admin__people {
    padding-left: 1.25rem;
    list-style: disc;
}

.admin__after {
    margin-bottom: 1rem;
}

/* A roster entry's Account section: invite or unlink (docs/adr/0029). */
.member-account {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 40rem;
  margin-top: 3rem;
  padding-top: 1.5rem;
  border-top: 0.125rem solid var(--border);
}

.member-account__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.invite-link {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  border: 0.125rem solid var(--black);
  background-color: var(--row-stripe);
}

.invite-link__row {
  display: flex;
  gap: 0.75rem;
}

.invite-link__input {
  flex-grow: 1;
  min-width: 0;
  font-family: ui-monospace, monospace;
  font-size: 0.875rem;
}

.invite__summary {
  margin-bottom: 1.25rem;
}

.invite__not-you {
  margin-top: 1rem;
  font-size: 0.875rem;
}

.member-account .help-text,
.login-card .help-text {
  font-size: 0.875rem;
  opacity: 0.85;
}

/* "Invited" / "No account" beside Edit on the Members page (docs/adr/0029). */
.member-status {
  margin-right: 0.75rem;
}