.account {
  margin-block-start: var(--passo-3);
}

.account__tessera {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--passo-2);
}

.account__tessera:empty { display: none; }

.account__chi {
  font-family: var(--font-mono);
  font-size: var(--t-micro);
  color: var(--testo-medio);
}

.account__avatar {
  inline-size: 28px;
  block-size: 28px;
  flex: none;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--linea);
  background-color: var(--pannello);
}

.account__nota {
  margin: var(--passo) 0 0;
  max-inline-size: 62ch;
  font-size: var(--t-micro);
  line-height: 1.6;
  color: var(--testo-tenue);
}

.account__stato {
  margin: var(--passo) 0 0;
  font-family: var(--font-mono);
  font-size: var(--t-micro);
  line-height: 1.6;
  color: var(--testo-medio);
}

.account__stato:empty { display: none; }

.account__diagnosi {
  margin: var(--passo-2) 0 0;
  padding-inline-start: var(--passo-2);
  border-inline-start: 2px solid var(--allerta);
  font-family: var(--font-mono);
  font-size: var(--t-micro);
  line-height: 1.6;
  color: var(--testo-medio);
}