/* af-ficha-ipad-20260927.css (27/09: vale até 1600 px — no notebook o nome também era cortado)
   antes: af-ficha-ipad-20260926.css — cabeçalho da ficha do cliente no iPad (768–1180 px):
   nome inteiro na 1ª linha (o nome sumia, espremido pelos botões) e Responsável/Acessos/Revogar/Portal/Exportar/Excluir na linha de baixo. */
@media (min-width: 768px) and (max-width: 1600px) {
  div.mb-8:has(> div.flex-1.w-full h1.line-clamp-1) { flex-wrap: wrap !important; row-gap: .9rem !important; align-items: flex-start !important; }
  div.mb-8:has(> div.flex-1.w-full h1.line-clamp-1) > div.flex-1.w-full { flex: 1 1 calc(100% - 4rem) !important; min-width: 0 !important; width: auto !important; }
  div.mb-8:has(> div.flex-1.w-full h1.line-clamp-1) > div.flex-1.w-full h1.line-clamp-1 { white-space: normal !important; overflow: visible !important; display: block !important; -webkit-line-clamp: unset !important; font-size: 1.75rem !important; line-height: 1.15 !important; }
  div.mb-8:has(> div.flex-1.w-full h1.line-clamp-1) > div.flex.gap-2 { flex: 1 1 100% !important; width: 100% !important; flex-wrap: wrap !important; margin-top: 0 !important; justify-content: flex-start !important; }
}