/* Pages / gestao-pessoas / pessoas.css
   `.vg-empty`/`.vg-error`/`.vg-retry` (estado vazio/erro no nível de página)
   são reaproveitados de visao-geral.css de propósito — as duas folhas já
   carregam globalmente (index.html), e são exatamente o mesmo padrão visual
   de "banner de estado" que a Visão Geral já usa; duplicar a regra aqui
   só divergiria com o tempo. */

/* Prompt 14, seção 45: Pessoas é ferramenta de consulta — prioriza busca/filtros/tabela, sem espaço vazio entre eles (margens reduzidas). */
.pp-search{ margin-bottom:var(--space-4); max-width:480px; }
.pp-search .input-wrap{ height:44px; }
.pp-search .input{ height:44px; font-size:14px; border-radius:var(--radius-md); }
.pp-search .input-icon{ width:16px; height:16px; }

.pp-filterbar{ margin-bottom:var(--space-5); }

.pp-summary{ display:flex; align-items:center; gap:var(--space-3); margin-bottom:var(--space-4); flex-wrap:wrap; }
.pp-summary-count{ font-size:13px; font-weight:500; color:var(--text-primary); }
.pp-summary-filters{ font-size:12px; color:var(--text-tertiary); }
.pp-summary-retry{ margin-left:auto; }

/* ---------- Drawer de detalhe do profissional ---------- */
.pp-detail-section{ margin-bottom:var(--space-6); }
.pp-detail-section:last-child{ margin-bottom:0; }
.pp-detail-section h4{
  font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:var(--text-tertiary);
  margin-bottom:var(--space-3); padding-bottom:var(--space-2); border-bottom:1px solid var(--border);
}
.pp-detail-row{ display:flex; justify-content:space-between; gap:var(--space-4); padding:6px 0; font-size:13px; }
.pp-detail-label{ color:var(--text-tertiary); }
.pp-detail-value{ color:var(--text-primary); font-weight:500; text-align:right; }
.pp-detail-name{ font-size:17px; font-weight:600; color:var(--text-primary); margin-bottom:var(--space-6); }

@media (max-width: 719px){
  .pp-search{ max-width:none; }
}