/* LegisFlow público — diretório (vereadores/comissões) e perfil do vereador.
   Complementa .dir-card / .lf-avatar de assets/admin.css (que não se edita);
   cada tela inclui este arquivo via <link> logo após o topo. */

/* Card de comissão (mesmo .dir-card do vereador): pills em linha e presidente com avatar */
.dir-pills{display:flex; flex-wrap:wrap; justify-content:center; gap:.35rem}
.dir-sub--pres{display:inline-flex; align-items:center; gap:.4rem; max-width:100%}
.dir-sub--pres > span{min-width:0; overflow-wrap:anywhere; text-align:left}
.dir-card--com .dir-avatar-ph{color:var(--teal-700,#0f766e); background:var(--teal-50,#f0fdfa)}

/* Vereador inline (tabela de composição da comissão): avatar sm + nome */
.lf-vereador-inline{display:inline-flex; align-items:center; gap:.45rem}

/* Cards de comissão: 250px de largura mínima (o .dir-grid padrão dos
   vereadores usa 150px); no celular, uma coluna de largura total. */
.dir-grid--com{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media (max-width:640px){.dir-grid--com{grid-template-columns:minmax(0,1fr)}}

/* Perfil do vereador: bloco em DUAS colunas (foto | nome + pills + linhas),
   abaixo dos KPIs. No celular empilha. */
.lf-perfil{display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:24px; align-items:start}
.lf-perfil-dados{display:flex; flex-direction:column; gap:6px; font-size:.95rem}
.lf-perfil-nome{margin:0}
.lf-perfil-pills{display:flex; flex-wrap:wrap; gap:6px; margin:2px 0 4px}
.lf-perfil-linha{display:block}
.lf-perfil-fonte{color:var(--text-500,#4a5261); font-size:.85rem}
@media (max-width:640px){
  .lf-perfil{grid-template-columns:minmax(0,1fr); row-gap:12px}
  .lf-perfil .lf-avatar--xl{width:120px; height:120px; font-size:2.4rem}
}