.animais-dialog { width:min(900px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); }
.animais-dialog-corpo { padding:var(--e-5); overflow:auto; min-width:0; min-height:0; }
.animais-cabecalho,.animais-acoes { display:flex; flex-wrap:wrap; align-items:center; gap:var(--e-3); margin-bottom:var(--e-4); }
.animais-cabecalho { justify-content:space-between; }
.animais-cabecalho h2 { margin:var(--e-1) 0; }
.animais-cabecalho p { flex:1 1 280px; margin:0; }
.animais-dialog .btn,.animais-dialog .btn-mini { min-height:44px; }
.animais-filtros { display:flex; flex-wrap:wrap; align-items:end; gap:var(--e-4); margin-bottom:var(--e-4); }
.animais-filtros>label { flex:1 1 180px; min-width:0; }
.animais-filtros input[type=search],.animais-data-consulta input { min-height:44px; width:100%; }
.animais-check { display:flex; align-items:center; gap:var(--e-2); min-height:44px; color:var(--tinta); }
.animais-check input[type=checkbox] { width:20px; height:20px; flex:0 0 20px; }
.animais-lotes-grade { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:var(--e-4); }
.animais-lote-cartao { background:var(--superficie); border-radius:var(--raio); box-shadow:var(--sombra); padding:var(--e-4); min-width:0; overflow-wrap:anywhere; }
.animais-lote-cartao h3 { font-size:var(--txt-lg); margin:var(--e-3) 0; }
.animais-lote-cartao p { color:var(--tinta-suave); }
.animais-lote-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--e-2); font-size:var(--txt-sm); color:var(--tinta-suave); }
.animais-data-consulta { display:block; max-width:360px; margin:var(--e-4) 0; }
.animais-lote-saldo { display:flex; align-items:baseline; gap:var(--e-3); margin:var(--e-5) 0; }
.animais-lote-saldo strong { font:700 var(--txt-3xl)/1 var(--fonte-titulo); }
.animais-lote-saldo span { color:var(--tinta-suave); }
.animais-membros { display:flex; flex-wrap:wrap; gap:var(--e-2); list-style:none; padding:0; }
.animais-membros li { padding:var(--e-2) var(--e-3); background:var(--fundo); border-radius:var(--raio-sm); overflow-wrap:anywhere; }
.animais-historico { list-style:none; padding:0; display:grid; gap:var(--e-3); }
.animais-historico li { padding:var(--e-3); border-left:3px solid var(--linha); overflow-wrap:anywhere; }
.animais-historico p { margin:var(--e-2) 0; }
.animais-historico small { color:var(--tinta-suave); }
.animais-erro { color:var(--vermelho); font-weight:600; overflow-wrap:anywhere; }
#animais-lote-form-campos { display:grid; gap:var(--e-4); min-width:0; }
#animais-lote-form-campos fieldset { min-width:0; padding:var(--e-3); border:1px solid var(--linha); border-radius:var(--raio-sm); }
#animais-lote-form-campos [hidden] { display:none; }
@media(max-width:699px) { .animais-dialog-corpo { padding:var(--e-4); } .animais-lote-saldo { flex-wrap:wrap; } .animais-acoes .btn { flex:1 1 140px; } }
/* Áreas de espécies compartilham o cadastro e mostram o contexto de manejo. */
.area-animais-cabecalho { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:var(--e-4); margin-bottom:var(--e-4); }
.area-animais-cabecalho > div { min-width:0; flex:1 1 240px; }
.area-animais-cabecalho h2 { margin:0 0 var(--e-2); }
.area-animais-nav { display:flex; flex-wrap:wrap; gap:var(--e-2); }
.area-animais-nav .btn { min-height:44px; }
.area-animais-nav [aria-current="page"] { background:var(--couro-900); color:var(--superficie); }
.area-animais-contexto { padding:var(--e-4); margin-bottom:var(--e-4); display:flex; flex-wrap:wrap; align-items:end; gap:var(--e-4); }
.area-animais-contexto > div { flex:1 1 240px; min-width:0; }
.area-animais-contexto p { margin:var(--e-2) 0 0; color:var(--tinta-suave); }
.area-animais-contexto label, .area-animais-gastos label { display:grid; gap:var(--e-2); min-width:0; }
.area-animais-contexto select, .area-animais-gastos select { max-width:100%; min-height:44px; }
.area-animais-contexto > nav { flex-basis:100%; }
.area-animais-gastos { padding:var(--e-5); min-width:0; }
.area-animais-gastos .barra-ferramentas { margin-top:var(--e-4); align-items:end; }
.area-animais-gastos .barra-ferramentas label { flex:1 1 160px; }
.area-gastos-total { font-weight:700; margin:var(--e-4) 0; }
.area-gasto { display:flex; flex-wrap:wrap; align-items:center; gap:var(--e-3); padding:var(--e-4) 0; border-top:1px solid var(--linha); }
.area-gasto > div { min-width:0; flex:1 1 240px; }
.area-gasto p { color:var(--tinta-suave); margin:var(--e-2) 0 0; }
.area-gasto, .area-animais-contexto, .area-animais-cabecalho { overflow-wrap:anywhere; }
.area-mostrando-gastos > .grade-cavalos, .area-mostrando-gastos > .contagem-resultados, .area-mostrando-gastos > .vazio { display:none; }
.area-mostrando-gastos > .barra-ferramentas > :not([id^="filtro-especie-"]):not([id^="filtro-prop-"]) { display:none; }
@media (max-width:699px) {
  .area-animais-cabecalho .area-animais-nav { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .area-animais-contexto { padding:var(--e-3); }
  .area-animais-contexto > label { width:100%; }
  .area-animais-gastos { padding:var(--e-3); }
  .area-animais-gastos .barra-ferramentas { display:flex; flex-wrap:wrap; }
  .area-animais-gastos .barra-ferramentas > * { max-width:100%; }
}