/* Status de sessao/autenticacao com destaque positivo. */
.status-active {
  color: #86efac;
  font-weight: 700;
}

/* Lista vertical de dados do cliente. */
.master-data-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 10px;
}

/* Linha de dado no formato label + valor (sem card interno). */
.master-data-row {
  display: grid;
  grid-template-columns: minmax(180px, 240px) 1fr;
  align-items: start;
  gap: 10px;
  padding: 8px 0;
  border-bottom: 1px dashed #2a3a57;
}

/* Label de cada campo com padrao visual de metadado. */
.master-data-label {
  display: inline-block;
  font-size: 0.8rem;
  color: #9aa9c7;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 0;
}

/* Valor principal do campo, com quebra para textos longos. */
.master-data-value {
  color: #e2e8f0;
  word-break: break-word;
  font-weight: 500;
}

/* Estados de carregamento, vazio e erro durante leitura do Firestore. */
.master-data-loading,
.master-data-empty,
.master-data-error {
  margin: 0;
}

/* Espacamento extra para mensagens de estado. */
.master-data-empty,
.master-data-error {
  padding: 4px 0;
}

/* Cor de erro para falhas de carregamento. */
.master-data-error {
  color: #fca5a5;
}

/* No mobile, label e valor ficam empilhados para melhor leitura. */
@media (max-width: 760px) {
  .master-data-row {
    grid-template-columns: 1fr;
    gap: 4px;
  }
}