/* quiz-publico.css - Ferramentas de triagem publicas (GAD-7, PHQ-9)
   Depende de: base.css + utils.css + landing.css
   Nenhum em-dash neste arquivo. */

/* Wrapper centralizado */
.quiz-wrapper{max-width:680px;margin:0 auto}

/* Instrucoes */
.quiz-instr{font-size:14.5px;font-weight:700;color:var(--az);background:rgba(1,169,206,.06);border:1px solid rgba(1,169,206,.18);border-left:4px solid var(--ci);border-radius:var(--r);padding:16px 20px;margin-bottom:24px;line-height:1.65}

/* Item de questao */
.quiz-item{display:flex;flex-direction:column;gap:10px;padding:22px 0;border-bottom:1px solid var(--bd)}
.quiz-item:last-of-type{border-bottom:none}

/* Cabecalho da questao */
.quiz-item-header{display:flex;gap:12px;align-items:flex-start}
.quiz-num{flex-shrink:0;width:28px;height:28px;background:var(--ci);color:#fff;border-radius:50%;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:2px}
.quiz-text{font-size:14.5px;font-weight:600;color:var(--az);line-height:1.55}

/* Opcoes */
.quiz-opts{display:flex;flex-wrap:wrap;gap:8px;padding-left:40px}
.quiz-opt{display:flex;align-items:center;gap:8px;padding:8px 14px;border:2px solid var(--bd);border-radius:8px;cursor:pointer;transition:border-color .2s,background .2s;flex:1;min-width:140px}
.quiz-opt:hover{border-color:var(--ci);background:rgba(1,169,206,.05)}
.quiz-opt.selected{border-color:var(--ci);background:rgba(1,169,206,.09)}
.quiz-opt input[type=radio]{accent-color:var(--ci);width:16px;height:16px;flex-shrink:0;cursor:pointer}
.quiz-opt-label{font-size:13px;color:var(--az);line-height:1.3;cursor:pointer}

/* Progresso */
.quiz-progress{margin:20px 0 8px;font-size:13px;color:var(--ci2)}
.quiz-progress-bar{height:4px;background:var(--bd);border-radius:2px;margin-top:6px}
.quiz-progress-fill{height:100%;background:var(--ci);border-radius:2px;width:0;transition:width .35s}

/* Resultado */
.quiz-result{display:none;margin-top:32px;outline:none}
.quiz-result.visible{display:block}
.quiz-result-banner{border-radius:var(--r);padding:24px 22px;margin-bottom:18px;display:flex;gap:20px;align-items:flex-start}
.quiz-result-score-wrap{flex-shrink:0;text-align:center;min-width:64px}
.quiz-result-score{font-size:52px;font-weight:900;line-height:1;display:block}
.quiz-result-score-max{font-size:12px;opacity:.65}
.quiz-result-body{flex:1}
.quiz-result-label{font-size:19px;font-weight:900;margin-bottom:6px;line-height:1.25}
.quiz-result-desc{font-size:14px;line-height:1.75;opacity:.9}

/* Cores por classificacao */
.result-sem      {background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-left:4px solid #22c55e}
.result-sem      .quiz-result-score,.result-sem      .quiz-result-label{color:#15803d}
.result-minima   {background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.25);border-left:4px solid #22c55e}
.result-minima   .quiz-result-score,.result-minima   .quiz-result-label{color:#15803d}
.result-leve     {background:rgba(234,179,8,.08);border:1px solid rgba(234,179,8,.25);border-left:4px solid #eab308}
.result-leve     .quiz-result-score,.result-leve     .quiz-result-label{color:#854d0e}
.result-moderado {background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.25);border-left:4px solid #f97316}
.result-moderado .quiz-result-score,.result-moderado .quiz-result-label{color:#c2410c}
.result-mod-grave{background:rgba(239,68,68,.07);border:1px solid rgba(239,68,68,.22);border-left:4px solid #dc2626}
.result-mod-grave .quiz-result-score,.result-mod-grave .quiz-result-label{color:#991b1b}
.result-grave    {background:rgba(153,27,27,.08);border:1px solid rgba(153,27,27,.25);border-left:4px solid #7f1d1d}
.result-grave    .quiz-result-score,.result-grave    .quiz-result-label{color:#7f1d1d}

/* Botao refazer */
.quiz-restart{margin-top:16px;text-align:right}
.quiz-restart button{background:none;border:1px solid var(--bd);padding:8px 16px;border-radius:var(--r);font-size:12px;font-weight:700;color:var(--ci2);cursor:pointer;transition:border-color .2s,color .2s;font-family:inherit}
.quiz-restart button:hover{border-color:var(--ci);color:var(--ci)}

/* Aviso de resultado nao substituir consulta */
.quiz-result-disclaimer{margin-top:14px;font-size:12px;color:var(--ci2);line-height:1.6;font-style:italic}

/* Responsivo */
@media(max-width:600px){
  .quiz-opts{flex-direction:column;padding-left:40px}
  .quiz-opt{min-width:0}
  .quiz-result-banner{flex-direction:column;gap:12px}
  .quiz-result-score-wrap{display:flex;align-items:baseline;gap:6px}
  .quiz-result-score{font-size:40px}
}