/* Pessoa: avatar com iniciais + nome + linha secundária (e-mail) */
.person { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.person__text { display: grid; min-width: 0; }
.person__name { font-weight: var(--font-weight-bold); }
.person__detail { overflow: hidden; color: var(--color-text-muted); white-space: nowrap; text-overflow: ellipsis; }
.person__you { color: var(--color-text-muted); font-weight: normal; }

.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  border-radius: 50%;
  color: var(--color-on-primary);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.avatar--large { width: 3.5rem; height: 3.5rem; font-size: var(--font-size-large); }
.avatar--small { width: 2rem; height: 2rem; font-size: var(--font-size-small); }

/* Cor fixa por pessoa (tokens --avatar-N) */
.avatar--0 { background: var(--avatar-0); }
.avatar--1 { background: var(--avatar-1); }
.avatar--2 { background: var(--avatar-2); }
.avatar--3 { background: var(--avatar-3); }
.avatar--4 { background: var(--avatar-4); }
.avatar--5 { background: var(--avatar-5); }