.modal-gestao-progresso { border: 0; border-radius: var(--raio); background: var(--superficie); color: var(--tinta); padding: var(--e-6); max-width: min(90vw,420px); box-shadow: var(--sombra-lg); }
.modal-gestao-progresso::backdrop { background: rgb(0 0 0 / .35); }
#tela-clientes, #clientes-conteudo, #campos-perfil-animal { min-width: 0; overflow-wrap: anywhere; }
#tela-cavalos .barra-ferramentas { flex-wrap: wrap; }
#tela-cavalos .barra-ferramentas > input, #tela-cavalos .barra-ferramentas > select { min-width: 0; max-width: 100%; }
#tela-cavalos .cavalo-foto-vazia { font-size: var(--txt-lg); }
[data-cuidado-lote] { display: grid; gap: var(--e-3); padding: var(--e-3); background: var(--fundo); border-radius: var(--raio-sm); }
[data-cuidado-lote][hidden] { display: none; }
@media(max-width:700px) {
  #tela-cavalos .barra-ferramentas > input { flex: 1 1 100%; }
  #tela-cavalos .barra-ferramentas > select { flex: 1 1 44%; width: 44%; }
}
/* Todas as áreas continuam alcançáveis sem percorrer a barra no celular. */
.btn-todas-areas { display: none; }
#modal-areas { width: min(560px, calc(100% - 24px)); padding: var(--e-4); margin: auto; color: var(--tinta); }
#modal-areas > p { margin: var(--e-2) 0 var(--e-4); }
.areas-cabecalho { display: flex; align-items: center; justify-content: space-between; gap: var(--e-3); }
.areas-cabecalho h2 { margin: 0; }
.lista-areas { display: grid; gap: var(--e-2); }
.lista-areas button { text-align: left; display: grid; gap: var(--e-1); min-height: 64px; padding: var(--e-3); border: 1px solid var(--linha); border-radius: var(--raio-sm); background: var(--superficie); color: var(--tinta); cursor: pointer; font: inherit; }
.lista-areas button span { color: var(--tinta-suave); font-size: var(--txt-xs); }
.lista-areas button[aria-current="page"] { border-color: var(--latao); }
@media (max-width: 760px) {
  .topo-inner > .abas { width: calc(100% - 80px); justify-self: start; }
  .btn-todas-areas { display: block; grid-area: abas; justify-self: end; width: 72px; min-height: 44px; padding: 8px; background: var(--superficie); color: var(--tinta); }
}