BK-159 - Correção de Layout Mobile na Lista de Compradores

Contexto

O formulário de visualização da lista de compradores (produtor/listaopen.php) estava apresentando problemas de exibição em dispositivos móveis. A coluna de RG/Documento não era exibida ou ficava "espremida", e o layout geral do formulário (inputs e botões) não estava otimizado para telas pequenas.

Problemas Identificados

1. Ocultação de Colunas: O tema responsivo do painel administrativo (Bootstrap antigo) aplicava regras de display: none ou larguras fixas que escondiam a coluna de RG no mobile.
2. Falta de Scroll: A tabela não possuía um container de rolagem lateral, o que causava o corte de informações em telas estreitas.
3. Usabilidade Mobile: Inputs de e-mail e botões de envio estavam com larguras padrão que dificultavam o preenchimento e o toque no celular.
4. Links Automáticos: Números de RG eram ocasionalmente confundidos com telefones pelos navegadores mobile, alterando sua cor e estilo.

Solução Aplicada

1. Container Responsivo: Envolvimento da tabela em uma div com overflow-x: auto e -webkit-overflow-scrolling: touch.
2. CSS Mobile Robust:

• Adição de regras @media (max-width: 768px) para forçar display: table-cell !important nas células de RG.
• Reset de margens e paddings do #main-content e .wrapper para ganho de área útil no mobile.
• Ajuste de largura (100%) para inputs e botões de envio.

1. Aviso Visual: Adição de texto em vermelho ("Role a tabela para o lado ->") visível apenas no mobile.
2. Meta Tags: Adição de format-detection="telephone=no" para preservar o estilo dos documentos.

Validação

• [x] Sintaxe PHP (php -l).
• [x] Teste visual no Desktop (Layout preservado).
• [x] Teste visual no Mobile (Scroll lateral funcional, RG visível, aviso presente).
• [x] Teste de envio de e-mail (HTML da tabela preservado no corpo do e-mail).