/* Aba "Link de autocontratação" do admin (L6-T3). Celular primeiro: 390 px sem rolagem lateral, toque de 44 px.
   As tabelas reaproveitam .tv-tabela (trafego-vips.css), que vira cartão a ≤ 480 px; aqui ficam só o alvo de toque e a quebra de texto. */
.ac-admin { max-width: 100%; overflow-wrap: anywhere; }
.ac-admin button, .ac-admin .button { min-height: 44px; }
.ac-admin input { min-height: 44px; max-width: 100%; box-sizing: border-box; }
.ac-admin .ac-numeros { display: flex; flex-wrap: wrap; gap: 12px; }
.ac-admin .ac-numero { flex: 1 1 120px; padding: 10px 12px; border-radius: 10px; background: #F7F5F1; }
.ac-admin .ac-numero b { display: block; font-size: 22px; }
.ac-admin .ac-busca { gap: 8px; flex-wrap: wrap; }
.ac-admin .ac-busca input { flex: 1 1 200px; }
.ac-admin .ac-paginas { gap: 12px; align-items: center; flex-wrap: wrap; }
.ac-admin .ac-pessoas { list-style: none; padding: 0; margin: 12px 0; }
.ac-admin .ac-pessoas li { padding: 8px 0; border-bottom: 1px solid #E7E3DC; }
.ac-detalhe { max-width: 100%; overflow-wrap: anywhere; }
.ac-detalhe button { min-height: 44px; }
.ac-detalhe input { min-height: 44px; width: 100%; max-width: 100%; box-sizing: border-box; }

/* Prova de tela (390 px): `#admin-body td button` (telas.css) fixa 42 px e nowrap com !important. Aqui o botão da tabela chega a 44 px
   e cresce com o texto (mesmo remédio do `.tv-pix` em trafego-vips.css). */
#admin-body .ac-admin td button { height: auto !important; min-height: 44px !important; padding: 10px 16px !important; white-space: normal !important; line-height: 1.25; }

/* Prova de tela (390 px): respiro entre as seções e os botões do modal da pessoa. */
.ac-detalhe h3 { margin: 18px 0 6px; font-size: 15px; }
.ac-detalhe p { margin: 6px 0; }
.ac-detalhe button { margin: 6px 8px 0 0; }
.ac-detalhe .row { gap: 8px; flex-wrap: wrap; margin-top: 10px; }