/* "Expandir" da ficha (web/js/ficha-expandir.js): a coluna da direita alarga e os balões
   (Características do caso, Dados pessoais) e o acervo de anotações ganham altura, com
   transição — cresce de forma progressiva, como se a parte aumentasse mesmo. */

.btn-expandir {
  display: inline-flex; align-items: center; gap: 4px; flex: none;
  background: none; border: 1px solid transparent; border-radius: 999px; padding: 1px 7px;
  color: var(--texto-3); font: inherit; font-size: 11.5px; cursor: pointer;
  transition: color .12s, border-color .12s, background .12s;
}
.btn-expandir:hover, .btn-expandir:focus-visible { color: var(--marca); border-color: var(--borda); background: var(--fundo-3); outline: none; }
.btn-expandir[aria-pressed="true"] { color: var(--marca); }
.btn-expandir-icone { font-size: 13px; line-height: 1; }
/* nos cabeçalhos com "Editar" ao lado, os dois ficam juntos à direita */
.ficha-balao-cab .btn-expandir { margin-left: auto; }
.ficha-balao-cab .btn-expandir + .fc-link, .ficha-balao-cab .btn-expandir + .fp-link { margin-left: 8px; }

/* a coluna cresce: 320px → 560px (grid animável nos navegadores atuais) */
.inbox { transition: grid-template-columns .32s cubic-bezier(.2,.8,.2,1); }
.inbox:has(.coluna-ficha.ficha-expandida) { grid-template-columns: 360px minmax(0,1fr) 560px; }
@media (max-width: 1100px) {
  .coluna-ficha { transition: width .32s cubic-bezier(.2,.8,.2,1); }
  .coluna-ficha.ficha-expandida { width: min(560px, 92vw); }
}

/* balões mais altos e o acervo com mais linhas à vista */
.ficha-balao { transition: max-height .32s ease, padding .32s ease; }
.ficha-expandida .ficha-balao { max-height: min(84vh, 900px); padding: 14px 16px 16px; }
.ficha-acervo-lista { transition: max-height .32s ease; }
.ficha-expandida .ficha-acervo-lista { max-height: 68vh; }

/* formulários em duas colunas quando há largura; listas (bens), rótulos de grupo e ações ocupam a linha toda */
.ficha-expandida .fc-form { grid-template-columns: 1fr 1fr; column-gap: 14px; }
.ficha-expandida .fc-form .fc-rotulo-grupo, .ficha-expandida .fc-form .fc-acoes,
.ficha-expandida .fc-form .fc-campo:has(.fc-bens) { grid-column: 1 / -1; }
.ficha-expandida .fc-form input, .ficha-expandida .fc-form select { padding: 7px 9px; font-size: 13px; }
.ficha-expandida .fp-form:not(.fp-form-filho) { grid-template-columns: 1fr 1fr; column-gap: 14px; }
.ficha-expandida .fp-form .fp-rotulo-grupo, .ficha-expandida .fp-form .fp-acoes { grid-column: 1 / -1; }
.ficha-expandida .fp-form input, .ficha-expandida .fp-form select { padding: 7px 9px; font-size: 13px; }

@media (prefers-reduced-motion: reduce) {
  .inbox, .coluna-ficha, .ficha-balao, .ficha-acervo-lista { transition: none; }
}