/* =========================================================================
   Tomada de Subsídios — só o que o survey.css não cobre.

   Carregado DEPOIS dele, então a página herda a tipografia, as cores, o
   cartão central, os campos, as opções e o botão de envio. Aqui ficam os
   quatro elementos que esta página tem e as pesquisas não: as contribuições
   repetíveis, o botão de adicionar, a matriz de temas e a opção compacta.
   ========================================================================= */

/* ---- contribuições repetíveis -------------------------------------- */

.contribuicao {
    padding: 18px;
    margin: 14px 0;
    background: #F8FBFD;
    border: 1px solid #DBE4EC;
    border-radius: 10px;
}

.contribuicao-topo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6px;
}

.contribuicao-numero {
    font-weight: 700;
    font-size: .95rem;
    color: #00516E;
}

.remover {
    padding: 0;
    border: 0;
    background: none;
    color: #C0392B;
    font: inherit;
    font-size: .85rem;
    text-decoration: underline;
    cursor: pointer;
}

.adicionar {
    display: inline-block;
    padding: 11px 20px;
    margin-top: 6px;
    border: 1px solid #00516E;
    border-radius: 999px;
    background: none;
    color: #00516E;
    font: inherit;
    font-weight: 600;
    font-size: .92rem;
    cursor: pointer;
    transition: background .18s, color .18s;
}

.adicionar:hover { background: #00516E; color: #fff; }

/* ---- matriz de temas ------------------------------------------------ */

.tema {
    padding: 14px 16px;
    margin-top: 12px;
    border: 1px solid #DBE4EC;
    border-radius: 10px;
}

.tema-titulo {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    font-size: .95rem;
    line-height: 1.35;
    color: #1F2937;
}

.tema-codigo {
    flex: none;
    align-self: flex-start;
    padding: 3px 9px;
    border-radius: 6px;
    background: #00516E;
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
}

.tema-eixo {
    display: block;
    margin-top: 2px;
    font-size: .8rem;
    color: #8795A6;
}

.tema-linha {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

.tema-rotulo {
    min-width: 86px;
    font-size: .85rem;
    font-weight: 600;
    color: #64748B;
}

/* Opção em linha, para Sim/Não e Alta/Média/Baixa caberem lado a lado.
   Herda a aparência de .option e só muda a largura e o espaçamento. */
.option-compacta {
    width: auto;
    margin: 0;
    padding: 7px 14px 7px 11px;
}

.option-compacta .option-text { font-size: .88rem; }

/* Destaque do bloco com campo obrigatório em branco. Mesma borda vermelha do
   .question.has-error do survey.css, para a página falar uma língua só. */
.contribuicao.has-error {
    border-color: #d64550;
    box-shadow: 0 0 0 2px rgba(214, 69, 80, .35);
}

@media (max-width: 620px) {
    .contribuicao { padding: 14px; }
    .tema-linha { align-items: flex-start; }
    .tema-rotulo { min-width: 100%; margin-bottom: 2px; }
}