/* ════════════════════════════════════════════════════════════════════
   responsivo-guarda.css — guardas ADITIVAS anti-overflow (mobile)  v4.37.741

   Filosofia: nada destrutivo. Só evita estouros laterais e quebra textos
   longos. Carregado POR ÚLTIMO. Para reverter, basta remover o <link>.
   ════════════════════════════════════════════════════════════════════ */

/* 1) Mídia nunca ultrapassa a largura do container (logos, prints, etc.) */
img, svg, video, canvas {
  max-width: 100%;
  height: auto;
}

/* 2) Pré-formatados e código rolam sozinhos, sem empurrar a página */
pre, code, kbd, samp {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

/* 3) Textos/URLs/CNPJ longos quebram em vez de empurrar o layout (mobile) */
@media (max-width: 768px) {
  .card, .card p, .ct, .ct-nr,
  .ass-nome, .ass-val, .contrato-wrap p,
  .lead-card, .cli-card, .kpi, .insight {
    overflow-wrap: break-word;
    word-break: break-word;
  }
}

/* 4) Tabelas de dados dentro de cards rolam na horizontal em telas pequenas,
      em vez de estourar a largura da tela. Mantém a tabela; só dá scroll. */
@media (max-width: 600px) {
  .card > table,
  .card table.tbl,
  table.rel-table,
  .contrato-wrap table,
  table.cohort-matrix {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
  }
}

/* 6) Itens de grids (2/3/4 colunas) podem encolher abaixo do próprio conteúdo.
      Corrige o bug do CSS Grid onde um título com `white-space:nowrap` força a
      coluna a ficar mais larga que a tela (nome vazando, valor/botões cortados).
      Confirmado em teste de navegador no Meu Painel (.g2). */
.g2 > *, .g3 > *, .g4 > *,
[style*="display:grid"] > *,
[style*="display: grid"] > *,
[style*="grid-template-columns"] > * { min-width: 0; }

/* 7) (Removido em v4.37.741) A guarda `html,body{overflow-x:hidden}` foi retirada
      porque, no mobile, conflita com rolagem por inércia e elementos position:sticky,
      causando "tremor" de scroll que trava o toque. As correções por elemento acima
      (min-width:0 em grids, tabelas com scroll próprio, mídia 100%) já evitam o
      estouro lateral na origem, tornando essa guarda desnecessária. */