.pessoa-detalhe-card {
  background: linear-gradient(135deg, #fff 0%, #fdfbff 100%);
  border: 1px solid #e7e2ec;
  border-radius: 10px;
  box-shadow: 0 5px 16px rgba(50, 50, 93, .07);
  overflow: hidden;
  padding: 13px 15px;
  position: relative;
}
.pessoa-detalhe-card:before { background: #7a00c4; bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 3px; }
.pessoa-detalhe-cabecalho { align-items: flex-start; display: flex; gap: 12px; min-width: 0; }
.pessoa-detalhe-avatar { align-items: center; background: linear-gradient(135deg, rgba(122,0,196,.14), rgba(38,198,249,.1)); border: 1px solid rgba(122,0,196,.1); border-radius: 50%; color: #7a00c4; display: flex; flex: 0 0 42px; font-size: 16px; height: 42px; justify-content: center; width: 42px; }
.pessoa-detalhe-identificacao { flex: 1; min-width: 0; }
.pessoa-detalhe-identificacao span, .pessoa-detalhe-contato span { color: #777d8c; display: block; font-size: 9px; font-weight: 800; letter-spacing: .25px; line-height: 12px; text-transform: uppercase; }
.pessoa-detalhe-identificacao strong { color: #242831; display: block; font-size: 15px; line-height: 19px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pessoa-detalhe-identificacao small { color: #6f7280; display: block; font-size: 11px; margin-top: 1px; }
.pessoa-detalhe-botao { align-items: center; border-radius: 18px; display: inline-flex; flex: 0 0 auto; gap: 6px; margin-left: auto; padding: 7px 13px; }
.pessoa-detalhe-botao span { color: inherit; display: inline; font-size: 10px; font-weight: 800; line-height: 13px; text-transform: uppercase; }
.pessoa-detalhe-contatos { align-items: center; border-top: 1px solid #eeebf2; display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 10px; min-width: 0; padding-top: 10px; }
.pessoa-detalhe-contato { align-items: center; display: flex; flex: 0 1 230px; gap: 7px; min-height: 25px; min-width: 0; }
.pessoa-detalhe-contato-endereco { flex: 1 1 460px; }
.pessoa-detalhe-contato>i { align-items: center; background: #f2ebf7; border-radius: 50%; color: #7a00c4; display: flex; flex: 0 0 23px; font-size: 10px; height: 23px; justify-content: center; width: 23px; }
.pessoa-detalhe-contato div { min-width: 0; }
.pessoa-detalhe-contato strong { color: #333845; display: block; font-size: 11px; font-weight: 600; line-height: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pessoa-detalhe-ampliar { background: transparent; border: 0; border-radius: 50%; color: #7a00c4; height: 25px; margin-left: auto; padding: 0; transition: background .2s ease; width: 25px; }
.pessoa-detalhe-ampliar:hover, .pessoa-detalhe-ampliar:focus { background: rgba(122,0,196,.08); outline: 0; }
.pessoa-detalhe-vazio { align-items: center; color: #7b8090; display: flex; gap: 8px; min-height: 54px; }
.pessoa-detalhe-vazio:before { background: #aeb3bf; }
.pessoa-detalhe-carregando { align-items: center; display: flex; gap: 12px; min-height: 87px; overflow: hidden; }
.pessoa-detalhe-skeleton { animation: pessoa-detalhe-pulso 1.35s ease-in-out infinite; background: linear-gradient(90deg, #ece9f0 25%, #f7f5f9 50%, #ece9f0 75%); background-size: 200% 100%; border-radius: 6px; }
.pessoa-detalhe-skeleton-avatar { border-radius: 50%; flex: 0 0 42px; height: 42px; }
.pessoa-detalhe-skeleton-conteudo { display: flex; flex: 1; flex-direction: column; gap: 6px; }
.pessoa-detalhe-skeleton-curto { height: 8px; width: 24%; }
.pessoa-detalhe-skeleton-longo { height: 14px; width: 64%; }
.pessoa-detalhe-skeleton-medio { height: 9px; width: 42%; }
.pessoa-detalhe-skeleton-botao { border-radius: 18px; height: 34px; width: 86px; }
@keyframes pessoa-detalhe-pulso { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@media (max-width: 767px) {
  .pessoa-detalhe-card { padding: 12px; }
  .pessoa-detalhe-botao span { display: none; }
  .pessoa-detalhe-botao { height: 36px; justify-content: center; padding: 0; width: 36px; }
  .pessoa-detalhe-contato, .pessoa-detalhe-contato-endereco { flex: 1 1 100%; }
  .pessoa-detalhe-skeleton-botao { height: 36px; width: 36px; }
}