/* Estilos só da área "produtos". O padrão geral está em app.css — use as classes de lá primeiro. */

/* ---------------- lista */
/* no cartão sem espaço a tabela encosta nas bordas (sem a margem negativa do cartão comum) */
.pa-lista.cartao.sem-espaco > .tabela-caixa { margin: 0; }
.pa-lista .tabela tr.pa-inativo td { color: var(--texto-3); }
/* app.css: ".barra input" vence ".busca input" e o texto fica por baixo da lupa */
.pa-barra .busca input { padding-left: 44px; }
.pa-rodape-lista { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 28px; margin-top: -6px; font-size: 14px; }
.pa-check { font-size: 15px; color: var(--texto-2); }

/* ---------------- aviso amarelo (produto desativado, sem fórmula) */
.pa-aviso {
  display: flex; align-items: center; flex-wrap: wrap; gap: 12px;
  background: var(--amarelo-claro); border: 1px solid #f0d98a; color: var(--amarelo-texto);
  border-radius: var(--raio); padding: 12px 16px; margin-bottom: 20px; font-size: 15px;
}
.pa-aviso svg { width: 22px; height: 22px; flex: 0 0 22px; }

/* ---------------- resumo do produto */
.pa-resumo { gap: 16px 36px; }
.pa-resumo .val.critico { color: var(--vermelho); }
.pa-resumo .pa-pct { font-size: 14px; font-weight: 400; color: var(--texto-3); margin-left: 8px; }
.pa-extra { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--borda); }
.pa-extra .pa-obs { font-weight: 400; white-space: pre-line; }
.pa-acoes { align-items: center; flex-wrap: wrap; }

/* app.css: a classe de campo ".entrada" também pega a etiqueta "Entrada" (fica alta e com borda) */
.pa-movs .etiqueta.entrada { width: auto; min-height: 0; border: 0; }

/* ---------------- janela de movimento */
.pa-mov-produto { margin: 0 0 18px; font-size: 16px; line-height: 1.5; }

/* ---------------- editor de fórmula */
.pa-frase { margin: -4px 0 16px; font-size: 15px; }
.pa-formula .tabela { border: 1px solid var(--borda); }
.pa-formula .tabela .entrada { min-height: 42px; padding: 6px 10px; font-size: 16px; }
.pa-formula select.pa-mp { min-width: 260px; }
.pa-formula input.pa-qtd { width: 110px; }
.pa-formula .tabela th { white-space: normal; vertical-align: bottom; }
.pa-formula tr.pa-invalida td { background: var(--vermelho-claro) !important; }
.pa-formula .pa-vazio { border: 1px dashed var(--borda-forte); border-radius: var(--raio); }
.pa-simular { font-size: 15px; font-weight: 400; color: var(--texto-2); }
.pa-simular input { width: 110px; min-height: 40px; padding: 6px 10px; }
.pa-sim-resumo { margin-top: 14px; font-size: 15px; display: flex; flex-direction: column; gap: 6px; }
.pa-sim-resumo:empty { display: none; }
.pa-sim-resumo p { margin: 0; }
.pa-formula-rodape { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.pa-formula-rodape .espaco { flex: 1; }

/* ---------------- cartão "Receita (o líquido)" */
.pa-receita .pa-frase { margin: 0 0 14px; }
.pa-receita .pa-frase.mb0, .pa-receita .pa-frase:last-child { margin-bottom: 0; }
.pa-receita .pa-resumo { margin-bottom: 14px; }
.pa-aviso.pa-aviso-lista { align-items: flex-start; }
.pa-aviso.pa-aviso-lista > div { display: flex; flex-direction: column; gap: 4px; flex: 1 1 300px; }

@media screen and (max-width: 860px) {
  .pa-formula select.pa-mp { min-width: 220px; }
  .pa-resumo { gap: 12px 24px; }
}