/* V2 — estilos da área avaliacao (um arquivo por trabalhador). Só consome as variáveis do tema (DESIGN.md). */

/* Nova avaliação: ajuda curta sob o complemento e linha "recomendado" da foto do IPTU */
.v2-ajuda-curta { margin: -0.5rem 0 0; }
.v2-recomendada { margin: 0 0 1rem; }
.v2-recomendada + .aviso { margin-bottom: 1rem; }
.v2-pular { margin-top: 1rem; }

/* Área: bloco da área total da matrícula (quando não há área do IPTU) */
.v2-matricula { display: grid; gap: 1rem; }

/* Caixinha explicativa das áreas: só informativa, painel cinza, sem controles */
.v2-caixinha {
  background: var(--painel); border-radius: 6px; padding: 0.875rem 1rem; margin: 0.5rem 0 1rem;
  font-size: 1.0625rem; line-height: 1.5; max-width: 65ch; overflow-wrap: anywhere;
}
.v2-caixinha p { margin: 0; }
.v2-caixinha p + p { margin-top: 0.625rem; }
.v2-caixinha strong { font-weight: 700; white-space: nowrap; }

/* Resultado: as duas áreas lado a lado */
.v2-areas__par { margin: 0.75rem 0; }
.v2-areas__par dd.v2-areas__nota { font-size: 0.8125rem; font-weight: 400; color: var(--texto-2); font-variation-settings: normal; }

/* Checklist: campo livre */
.v2-texto-livre { font-size: 1.125rem; min-height: 8rem; width: 100%; }

/* Faixa de linha densa (13+ estações com o grupo Diferenciais): a primeira e a última estação mostram o nome inteiro
   sem empurrar a linha para fora da tela (a última alinha à direita e cresce para a esquerda). */
.linha__estacoes--densa .linha__estacao:first-child, .linha__estacoes--densa .linha__estacao:last-child { grid-template-columns: minmax(0, 1fr); }
.linha__estacoes--densa .linha__estacao:first-child .linha__nome,
.linha__estacoes--densa .linha__estacao:last-child .linha__nome { max-width: none; width: max-content; }
.linha__estacoes--densa .linha__estacao:last-child .linha__nome { justify-self: end; }

/* Checklist: "Continuar" ocupa a linha de cima, "Voltar" e "Não responder" dividem a de baixo (cabem em 375 px) */
.pergunta__acoes.v2-acoes { grid-template-columns: auto 1fr; }
.pergunta__acoes.v2-acoes .botao--principal { grid-column: 1 / -1; grid-row: 1; }
.pergunta__acoes.v2-acoes .botao--secundario { grid-row: 2; }
.pergunta__acoes.v2-acoes .botao--secundario:last-child { width: 100%; }
/* Avaliação com resultado: "Salvar e ver o resultado" ocupa a segunda linha inteira; "Voltar" e "Não responder" descem */
.pergunta__acoes.v2-acoes .v2-salvar-resultado { grid-column: 1 / -1; grid-row: 2; width: 100%; }
.pergunta__acoes.v2-acoes:has(.v2-salvar-resultado) .botao--secundario:not(.v2-salvar-resultado) { grid-row: 3; }

/* Checklist: aviso de "Não responder" numa pergunta obrigatória, com "Responder agora" e "Pular mesmo assim" */
.v2-obrigatoria { margin: 0.75rem 0; }
.v2-obrigatoria__corpo { display: grid; gap: 0.75rem; min-width: 0; flex: 1; }
.v2-obrigatoria__texto { margin: 0; font-size: 1rem; }
.v2-obrigatoria__acoes { display: grid; gap: 0.5rem; }

/* Área sem IPTU (correções A4 e M5): etiqueta "obrigatória", faixa do prédio só informativa e "Não sei a área da matrícula" */
.v2-obrigatorio { font-size: 0.8125rem; font-weight: 600; color: var(--alerta); white-space: nowrap; }
.v2-faixa-predio { margin: 0; overflow-wrap: anywhere; }
.v2-nao-sei { display: flex; align-items: flex-start; gap: 0.75rem; min-height: 3.5rem; padding: 0.75rem 1rem; border: 2px solid var(--texto);
  border-radius: 6px; cursor: pointer; }
.v2-nao-sei input { width: 1.375rem; height: 1.375rem; flex: none; margin: 0.125rem 0 0; accent-color: var(--acao); }
.v2-nao-sei:has(input:focus-visible) { outline: 3px solid var(--acao); outline-offset: 2px; }
.v2-nao-sei > span { display: grid; gap: 0.25rem; min-width: 0; }
.v2-nao-sei__ajuda { font-size: 0.875rem; color: var(--texto-2); }
/* com "Não sei" marcado, o campo da matrícula fica em segundo plano (continua editável) */
.v2-matricula:has(.v2-nao-sei input:checked) .v2-matricula__campo { opacity: 0.55; }