/* af-ficha-atend-botoes-20261006.css
   Botões da Ficha de Atendimento (aba Atendimentos da ficha do assistido).
   O CSS do player de áudio (af-audio-20260921.css) também usa a classe .afa-btn e
   deixava "Novo atendimento" e "Registrar atendimento" como bolinhas de 2rem.
   Aqui a classe volta ao desenho original, só dentro da ficha (.afa-wrap). */
.afa-wrap .afa-btn, .afa-wrap .afa-btn-sec {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
  flex: 0 0 auto; width: auto; height: auto; min-height: 2.25rem; line-height: 1.25;
  border-radius: 9999px; font-size: .875rem; font-weight: 500; padding: .5rem 1.1rem;
  border: 1px solid transparent; cursor: pointer; white-space: nowrap; filter: none;
  transition: opacity .15s, background-color .15s;
}
.afa-wrap .afa-btn { background: hsl(var(--primary)); color: hsl(var(--primary-foreground)); }
.afa-wrap .afa-btn:hover:not(:disabled) { opacity: .9; filter: none; }
.afa-wrap .afa-btn-sec { background: hsl(var(--background)); color: hsl(var(--foreground)); border-color: hsl(var(--border)); }
.afa-wrap .afa-btn-sec:hover:not(:disabled) { background: hsl(var(--muted)); }
.afa-wrap .afa-btn:disabled, .afa-wrap .afa-btn-sec:disabled { opacity: .55; cursor: default; }
html.dark .afa-wrap .afa-btn { background: hsl(var(--primary)) !important; color: hsl(var(--primary-foreground)) !important; }
.afa-wrap .afa-modal-rodape { display: flex; justify-content: flex-end; align-items: center; gap: .6rem; flex-wrap: wrap; }

/* Atendimentos avulsos agrupados por pessoa (06/10/2026) */
.afe-grupo { display: flex; flex-direction: column; }
.afe-grupo-cab { position: relative; padding-right: 2rem !important; }
.afe-grupo-cab::after { content: '›'; position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); font-size: 1.25rem; line-height: 1; color: hsl(var(--muted-foreground)); transition: transform .15s; }
.afe-grupo-aberto > .afe-grupo-cab::after { transform: translateY(-50%) rotate(90deg); }
.afe-grupo-qtd { font-size: .7rem; font-weight: 600; padding: .15rem .55rem; border-radius: 9999px; background: hsl(var(--muted)); color: hsl(var(--foreground)); white-space: nowrap; }
.afe-grupo-itens { display: none; flex-direction: column; gap: .4rem; margin: .4rem 0 .5rem .9rem; padding-left: .7rem; border-left: 2px solid hsl(var(--border)); }
.afe-grupo-aberto > .afe-grupo-itens { display: flex; }
.afe-item.afe-item-dentro { padding-top: .55rem; padding-bottom: .55rem; }
.afe-item.afe-item-dentro strong { font-size: .8rem; font-weight: 600; }