/* =====================================================================
   Ferramenta agronômica — estilos específicos da tela
   (abas, consulta técnica, comparativo, boletim e base do cliente).
   Tokens e componentes compartilhados vêm de base.css.
   ===================================================================== */

.agronomica [hidden] { display: none !important; }

/* Estrutura comum das abas */
.agronomica-secao { display: flex; flex-direction: column; gap: 16px; }
.agronomica-titulo { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.agronomica-texto-13 { font-size: 13px; }
.agronomica-cartao-cabecalho { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; }
.agronomica-nota { font-size: 12px; line-height: 1.5; color: var(--cor-texto-suave); }
.agronomica-fonte { font-size: 12px; color: var(--cor-texto-mudo); }

/* ---------------------------------------------------------------------
   1) Consulta técnica
   --------------------------------------------------------------------- */
.agronomica-filtros { flex: 1 1 240px; max-width: 100%; gap: 14px; }
.agronomica-filtros-grupo { display: flex; flex-direction: column; gap: 14px; }
.agronomica-nota-campo { font-size: 12px; color: var(--cor-texto-suave); margin-top: -8px; }
.agronomica-resultado { flex: 999 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.agronomica-zarc {
  padding: 12px 16px;
  border-radius: var(--raio-md);
  background: var(--cor-laranja-claro);
  font-size: 13px;
  line-height: 1.5;
}
.agronomica-tabela-cartao { padding: 8px 16px 14px; gap: 10px; }

/* ---------------------------------------------------------------------
   2) Comparativo de produtos
   --------------------------------------------------------------------- */
.agronomica-formulario { flex: 1 1 360px; max-width: 100%; padding: 20px; gap: 16px; }
.agronomica-produto {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: 14px;
  background: var(--cor-fundo);
}
.agronomica-produto-rotulo {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cor-texto-suave);
}
.agronomica-produto-grade { gap: 10px; }
.agronomica-resultado-comparativo { flex: 999 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }

.agronomica-barra { display: flex; flex-direction: column; gap: 6px; }
.agronomica-barra-cabecalho { display: flex; justify-content: space-between; gap: 12px; font-size: 14px; }
.agronomica-barra-nome { font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.agronomica-barra-valor { font-weight: 700; white-space: nowrap; }
.agronomica-barra .barra-progresso-valor { transition: width var(--transicao), background var(--transicao); }
.agronomica-barra-detalhe { font-size: 12px; color: var(--cor-texto-suave); }

.agronomica-diferencas { padding-top: 6px; }
.agronomica-diferenca { padding: 12px; }
.agronomica-diferenca-rotulo { font-size: 12px; color: var(--cor-texto-suave); }
.agronomica-diferenca-valor { font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }

.agronomica-recomendacao { gap: 12px; }
.agronomica-recomendacao-cabecalho { display: flex; align-items: center; gap: 10px; }
.agronomica-veredito { font-size: 14px; line-height: 1.6; }
.agronomica-argumentos { color: var(--cor-texto-2); }
.agronomica-nota-caixa {
  padding: 10px 14px;
  border-radius: var(--raio-sm);
  background: var(--cor-cinza-claro);
  font-size: 12px;
  line-height: 1.5;
  color: var(--cor-texto-2);
}
.agronomica-acoes { display: flex; gap: 8px; flex-wrap: wrap; }

/* ---------------------------------------------------------------------
   3) Boletim diário
   --------------------------------------------------------------------- */
.agronomica-boletim-cabecalho {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.agronomica-boletim-envio { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.agronomica-resumo { display: flex; flex-direction: column; gap: 8px; min-width: 0; }

.agronomica-indicadores { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.agronomica-indicador-rotulo { font-size: 12px; color: var(--cor-texto-suave); }
.agronomica-indicador-valor { font-size: 18px; font-weight: 700; overflow-wrap: anywhere; }
.agronomica-indicador-delta { font-size: 12px; font-weight: 600; }
.agronomica-indicador-alta { color: var(--cor-verde-texto); }
.agronomica-indicador-queda { color: var(--cor-laranja-escuro); }
.agronomica-indicador-fonte { font-size: 11px; color: var(--cor-texto-mudo); }

.agronomica-tempo { flex: 3 1 460px; }
.agronomica-regiao { flex: 2 1 300px; }
.agronomica-dias { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.agronomica-dia {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 12px 6px;
  border-radius: var(--raio-md);
  border: 1px solid var(--cor-borda);
  text-align: center;
  min-width: 0;
}
.agronomica-dia-nome { font-size: 13px; font-weight: 700; }
.agronomica-dia-ceu { font-size: 12px; color: var(--cor-texto-suave); }
.agronomica-dia-temperatura { font-size: 15px; font-weight: 700; white-space: nowrap; }
.agronomica-dia-chuva { font-size: 12px; color: var(--cor-texto-suave); }
.agronomica-dia-janela {
  width: 100%;
  box-sizing: border-box;
  margin-top: auto;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 4px;
  border-radius: 8px;
  color: #FFFFFF;
  background: var(--cor-escuro);
}
.agronomica-dia-janela-nao { color: var(--cor-texto-suave); background: var(--cor-cinza-claro); }

.agronomica-regiao-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--cor-divisor);
}
.agronomica-regiao-titulo { font-size: 14px; font-weight: 700; }
.agronomica-regiao-texto { font-size: 14px; color: var(--cor-texto-2); }
.agronomica-regiao-fonte { font-size: 11px; color: var(--cor-texto-mudo); }
.agronomica-report {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: var(--raio-md);
  background: var(--cor-fundo);
}
.agronomica-report-icone { color: var(--cor-texto-2); }
.agronomica-report-texto { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.agronomica-report-titulo { font-size: 13px; font-weight: 700; }
.agronomica-report-detalhe { font-size: 12px; color: var(--cor-texto-suave); }

/* ---------------------------------------------------------------------
   4) Base de conhecimento do cliente (RAG)
   --------------------------------------------------------------------- */
.agronomica-rag-cabecalho {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px;
}
.agronomica-rag-descricao { max-width: 640px; }
.agronomica-rag-indicadores { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.agronomica-rag-indicador { padding: 16px; gap: 4px; }
.agronomica-rag-indicador .indicador-valor { font-size: 24px; }

.agronomica-documentos { flex: 3 1 480px; padding: 8px 16px 16px; gap: 8px; }
.agronomica-documento-nome { font-weight: 600; }
.agronomica-adicionar { align-self: flex-start; padding: 0 14px; white-space: normal; text-align: left; }

.agronomica-rag-lateral { flex: 2 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.agronomica-testar { padding: 20px; gap: 12px; }
.agronomica-testar-rotulo { font-size: 13px; color: var(--cor-texto-suave); }
.agronomica-buscando { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--cor-texto-suave); }
.agronomica-resposta {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border-radius: var(--raio-md);
  background: var(--cor-fundo);
}
.agronomica-resposta-texto { font-size: 14px; line-height: 1.6; }
.agronomica-resposta-rotulo { font-size: 12px; font-weight: 700; }
.agronomica-resposta-fontes { font-size: 12px; color: var(--cor-texto-2); }
.agronomica-regras { padding: 20px; gap: 10px; }
.agronomica-regras-lista { font-size: 13px; color: var(--cor-texto-2); }

/* ---------------------------------------------------------------------
   Responsivo
   --------------------------------------------------------------------- */
@media (min-width: 992px) {
  /* Medidas do protótipo: conteúdo com 24px no topo e "Preferências de envio" com 0 14px */
  .agronomica.conteudo-pagina { padding-top: 24px; }
}
.agronomica-boletim-envio .botao-pequeno { padding: 0 14px; }

@media (max-width: 991.98px) {
  /* No tablet os cinco dias precisam da largura toda */
  .agronomica-tempo { flex-basis: 100%; }
  /* Paliativo local: a casca pretende esconder "Perguntar ao Inti" abaixo de 992px
     (o agente fica na nav inferior), mas a regra em base.css é sobrescrita por .botao */
  .cabecalho .botao-perguntar { display: none; }
}

@media (max-width: 767.98px) {
  /* Abas principais quebram linha (como no protótipo): duas por linha, texto quebrando */
  .agronomica-abas { align-self: stretch; }
  .agronomica-abas .aba-dupla { flex: 1 1 calc(50% - 2px); min-width: 0; padding: 8px 12px; }
  .agronomica-abas .aba-titulo, .agronomica-abas .aba-sub { overflow-wrap: anywhere; }
  .agronomica-dias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .agronomica-rag-indicadores { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
  /* Alvos de toque de 44px nos botões pequenos do boletim */
  .agronomica-boletim-envio .botao-pequeno, .agronomica-report .botao-pequeno { min-height: 44px; }
}

@media (max-width: 575.98px) {
  .agronomica .cartao-grande { padding: 16px; }
  .agronomica-formulario, .agronomica-testar, .agronomica-regras { padding: 16px; }
  .agronomica-documentos { padding: 4px 12px 14px; }
  .agronomica-tabela-cartao { padding: 4px 12px 12px; }
  .agronomica-titulo .titulo-grande { font-size: 22px; }
  .agronomica-boletim-cabecalho, .agronomica-rag-cabecalho { align-items: flex-start; }
  .agronomica-rag-cabecalho .rotulo-linha { width: 100%; }
  .agronomica-rag-cabecalho .campo-auto { flex: 1; min-width: 0; }
  .agronomica-acoes .botao { flex: 1 1 auto; }
}