/* Campo, offline e resultado — App de Diagnóstico. Usa as variáveis do estilo.css. */

/* ---------------------------------------------------------------- faixa offline */
.faixa-offline{position:fixed;top:0;left:0;right:0;z-index:900;padding:8px 16px;text-align:center;font-size:13px;font-weight:600;color:#fff;background:var(--text);cursor:pointer}
.faixa-offline[hidden]{display:none}
.faixa-offline.sem-rede{background:#1F2227}
.faixa-offline.sincronizando{background:var(--accent)}
.faixa-offline.esperando{background:var(--primary)}
body.com-faixa-offline{padding-top:36px}

/* ---------------------------------------------------------------- campo */
.cp-iniciar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--primary-light);border:1px solid #F9C99B;border-radius:var(--radius);padding:10px 14px;margin-bottom:12px}
.cp-layout{display:grid;grid-template-columns:270px 1fr;gap:16px;align-items:start}
.cp-temas{position:sticky;top:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 120px);overflow:auto}
.cp-tema{display:block;padding:8px 10px;border-radius:var(--radius-sm);color:var(--text);text-decoration:none;min-height:44px}
.cp-tema:hover{background:var(--surface-2)}
.cp-tema.ativo{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}
.cp-tema-linha{display:flex;gap:6px;align-items:center}
.cp-tema-cod{font-weight:700;color:var(--accent);font-size:12px;min-width:30px}
.cp-tema-nome{flex:1;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cp-alerta{color:var(--error)} .cp-alerta-ev{color:var(--primary)} .cp-ok{color:var(--success)}
.cp-barra{height:4px;background:var(--border);border-radius:2px;margin:6px 0 2px 36px;overflow:hidden}
.cp-barra span{display:block;height:100%;background:var(--primary)}
.cp-tema.completo .cp-barra span{background:var(--success)}
.cp-tema-num{font-size:11px;color:var(--text-muted);margin-left:36px}
.cp-conteudo{min-width:0;display:flex;flex-direction:column;gap:14px}
.cp-tema-cabeca{background:linear-gradient(135deg,var(--accent-dark),var(--accent));color:#fff;border-radius:var(--radius);padding:16px 18px}
.cp-tema-cabeca h2{margin:2px 0 4px;font-family:var(--font-titulo);font-size:20px}
.cp-tema-codigo{font-size:12px;opacity:.85;font-weight:600;letter-spacing:.4px;text-transform:uppercase}
.cp-tema-desc{margin:0 0 8px;opacity:.9;font-size:13px}
.cp-tema-refs{display:flex;gap:6px;flex-wrap:wrap}
.cp-tema-refs .chip{background:rgba(255,255,255,.18);color:#fff;border:0}
.cp-pergunta,.cp-memo{padding:16px}
.cp-pergunta.essencial{border-left:4px solid var(--primary)}
.cp-p-topo{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}
.cp-p-cod{font-weight:700;color:var(--accent)}
.cp-salvo{margin-left:auto;font-size:12px;color:var(--text-muted)}
.cp-p-texto{margin:8px 0 6px;font-size:16px;line-height:1.4}
.cp-ajuda{margin:0 0 10px;font-size:13px;color:var(--text-muted)}
.cp-ajuda summary{cursor:pointer;color:var(--accent);min-height:32px;display:flex;align-items:center}
.cp-ajuda p{margin:4px 0}
.cp-opcoes{display:flex;flex-direction:column;gap:6px}
.cp-opcao{display:flex;gap:10px;align-items:flex-start;text-align:left;min-height:48px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}
.cp-opcao:hover:not(:disabled){border-color:var(--accent-bright)}
.cp-opcao:disabled{cursor:default;opacity:.85}
.cp-opcao-nivel{flex:0 0 150px;font-size:12px;color:var(--text-muted)}
.cp-opcao-nivel b{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text);font-size:13px;margin-right:4px}
.cp-opcao-texto{flex:1;font-size:14px;line-height:1.35}
.cp-opcao.ativo{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 1px var(--primary)}
.cp-opcao.ativo .cp-opcao-nivel b{background:var(--primary);color:#fff}
.cp-linha-na{margin:8px 0}
.cp-na{min-height:40px;padding:6px 14px;border:1px dashed var(--border);border-radius:var(--radius);background:transparent;color:var(--text-muted)}
.cp-na.ativo{border-style:solid;border-color:var(--text-muted);background:var(--surface-2);color:var(--text);font-weight:600}
.cp-evid-linha select,.cp-obs,.cp-memo-texto{width:100%;min-height:44px}
.cp-obs,.cp-memo-texto{resize:vertical;padding:10px;border:1px solid var(--border);border-radius:var(--radius-sm)}
.cp-memo-texto{min-height:180px;font-size:15px;line-height:1.5}
.cp-aviso-regra{margin:8px 0;padding:8px 12px;border-radius:var(--radius-sm);background:#FFF6E0;border:1px solid var(--warning);font-size:13px;color:#7A5200}
.cp-aviso-regra[hidden]{display:none}
.cp-anexos{margin-top:10px}
.cp-anexar{display:flex;gap:8px;flex-wrap:wrap}
.cp-botao-anexo{position:relative;min-height:44px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.cp-arquivo-oculto{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.cp-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:8px}
.cp-anexo{position:relative;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;background:var(--surface-2);font-size:11px}
.cp-anexo.pendente{border-style:dashed;border-color:var(--primary)}
.cp-mini{height:72px;display:flex;align-items:center;justify-content:center;border-radius:4px;overflow:hidden;background:#fff;color:var(--text-light);font-size:28px}
.cp-mini img{width:100%;height:100%;object-fit:cover}
.cp-mini.doc{color:var(--accent)}
.cp-anexo-nome{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.cp-anexo-info{color:var(--text-muted)}
.cp-anexo-remover{position:absolute;top:2px;right:2px;width:28px;height:28px;border-radius:50%;background:rgba(31,34,39,.75);color:#fff;border:0;font-size:16px;line-height:1}
.cp-memo{border-top:4px solid var(--accent)}
.cp-memo-acoes{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:10px 0}
.cp-mic{min-height:48px;min-width:120px}
.cp-mic.gravando{background:var(--error);border-color:var(--error);animation:cp-pulso 1.2s infinite}
@keyframes cp-pulso{50%{box-shadow:0 0 0 6px rgba(206,24,30,.2)}}
.cp-memo-anexos-titulo{font-size:12px;font-weight:600;color:var(--text-muted);margin-top:8px;text-transform:uppercase;letter-spacing:.4px}
.cp-navegacao{display:flex;justify-content:space-between;gap:8px;padding:4px 0 24px}
.cp-navegacao .botao{min-height:44px;display:inline-flex;align-items:center}
.cp-checklist ul{padding-left:18px} .cp-checklist li{margin:6px 0}
.cp-checklist li.ok{color:var(--success)} .cp-checklist li.pendente{color:#9A4A00}

/* ---------------------------------------------------------------- resultado */
.rs-abas{display:flex;gap:4px;overflow-x:auto;margin-bottom:14px;border-bottom:1px solid var(--border)}
.rs-abas a{white-space:nowrap;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;color:var(--text-muted);text-decoration:none;border-bottom:3px solid transparent}
.rs-abas a.active{color:var(--accent);border-bottom-color:var(--primary);font-weight:600}
.rs-corpo{display:flex;flex-direction:column;gap:14px}
.rs-card{padding:16px}
.rs-card-cabeca{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rs-card-cabeca h3{margin:0;font-size:15px}
.rs-card-cabeca h3 .fa{color:var(--accent)}
.rs-tag{font-size:11px}
.rs-topo{display:grid;grid-template-columns:minmax(280px,1.2fr) 1fr;gap:14px}
.rs-imga{padding:18px;text-align:center}
.rs-imga-rot{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}
.rs-imga-num{font-family:var(--font-titulo);font-size:64px;font-weight:700;color:var(--primary);line-height:1.05;margin-top:6px}
.rs-imga-faixa{font-size:20px;font-weight:700}
.rs-imga-leitura{color:var(--text-muted);font-size:13px;margin:6px auto 0;max-width:520px}
.rs-regua{width:100%;max-width:600px;margin:10px auto 6px;display:block}
.rs-regua-rot{font-size:11px;fill:var(--text-muted);font-family:var(--font-texto)}
.rs-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rs-kpi{padding:12px;border-top:3px solid var(--border)}
.rs-kpi.ok{border-top-color:var(--success)} .rs-kpi.aviso{border-top-color:var(--warning)} .rs-kpi.erro{border-top-color:var(--error)}
.rs-kpi.laranja{border-top-color:var(--primary)} .rs-kpi.azul{border-top-color:var(--accent)}
.rs-kpi .kpi-value{font-size:22px;font-weight:700}
.rs-duas{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rs-radar{width:100%;max-width:360px;display:block;margin:0 auto}
.rs-radar-rot{font-size:11px;fill:var(--text-muted);font-family:var(--font-texto);font-weight:600}
.rs-barras{display:flex;flex-direction:column;gap:7px}
.rs-barra-linha{display:grid;grid-template-columns:minmax(0,1.4fr) 2fr 56px;gap:8px;align-items:center;font-size:12px}
.rs-barra-rot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-barra{height:12px;background:var(--border-light);border-radius:6px;overflow:hidden}
.rs-barra span{display:block;height:100%;border-radius:6px}
.rs-barra-val{text-align:right;font-weight:700}
.rs-barreira{color:var(--error);margin-left:4px;font-size:11px}
.rs-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rs-lista li{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--surface-2);font-size:13px}
.rs-lista-cod{font-weight:700;color:var(--accent);flex:0 0 auto}
.rs-lista-nome{flex:1;min-width:0}
.rs-tema{padding:0;overflow:hidden}
.rs-tema summary{display:flex;gap:10px;align-items:center;padding:12px 16px;cursor:pointer;min-height:48px}
.rs-tema-cod{font-weight:700;color:var(--accent)}
.rs-tema-nome{flex:1;font-weight:600}
.rs-tema-nota{color:#fff;font-weight:700;border-radius:14px;padding:3px 12px;min-width:48px;text-align:center}
.rs-tema-info{padding:0 16px 8px;font-size:12px;color:var(--text-muted)}
.rs-tema .rolagem{padding:0 16px}
.rs-tabela{width:100%;font-size:13px}
.rs-tabela td,.rs-tabela th{vertical-align:top}
.rs-limitada td{background:#FFF8EC}
.rs-essencial{color:var(--primary);font-weight:600}
.rs-obs{font-size:12px;color:var(--text);background:var(--surface-2);border-left:3px solid var(--border);padding:4px 8px;margin-top:4px}
.rs-memo{margin:10px 16px 16px;padding:10px 12px;background:var(--accent-soft);border-radius:var(--radius-sm);font-size:13px}
.rs-memo p{margin:4px 0 0;white-space:pre-wrap}
.rs-barra-acoes{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.rs-form textarea{width:100%}
.rs-topo-roi{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}
.rs-indecisao{padding:18px;border-top:4px solid var(--primary)}
.rs-indecisao-num{font-family:var(--font-titulo);font-size:44px;font-weight:700;color:var(--primary);line-height:1.1;margin:6px 0}
.rs-indecisao-num small{font-size:16px;color:var(--text-muted)}
.rs-indecisao-ano{font-size:14px;margin-bottom:8px}
.rs-invest{padding:18px;display:flex;flex-direction:column;gap:6px}
.rs-cenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rs-cenario{padding:14px;border-top:4px solid var(--border)}
.rs-cenario.conservador{border-top-color:var(--accent)} .rs-cenario.base{border-top-color:var(--primary)} .rs-cenario.otimista{border-top-color:var(--success)}
.rs-cenario h3{margin:0 0 10px}
.rs-cen-kpis{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}
.rs-cen-kpis div{display:flex;justify-content:space-between;font-size:13px}
.rs-cen-kpis b{font-size:15px}
.rs-indisp td{color:var(--text-light)}
.rs-fatores{font-size:12px;color:var(--text-muted);margin-top:8px}
.rs-comp-topo{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center}
.rs-comp-imga{padding:16px;text-align:center}
.rs-comp-num{font-family:var(--font-titulo);font-size:44px;font-weight:700}
.rs-comp-seta{font-size:20px}
.rs-delta{font-weight:700;white-space:nowrap}
.rs-delta.sobe{color:var(--success)} .rs-delta.desce{color:var(--error)} .rs-delta.igual{color:var(--text-muted)}
.rs-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.rs-evid{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px;background:var(--surface);min-height:44px}
.rs-mini{height:110px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:4px;overflow:hidden;font-size:32px;color:var(--accent)}
.rs-mini img{width:100%;height:100%;object-fit:cover}
.rs-evid-nome{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-arquivos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:12px}
.rs-arquivo{display:flex;gap:10px;align-items:center;min-height:52px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);text-align:left}
.rs-arquivo .fa{font-size:22px;color:var(--primary)}
.rs-arquivo.ausente{opacity:.5}
.rs-arquivo span:nth-child(2){flex:1;font-weight:600}

/* ---------------------------------------------------------------- celular */
@media (max-width:900px){
  .cp-layout{grid-template-columns:1fr}
  .cp-temas{position:sticky;top:0;z-index:20;flex-direction:row;overflow-x:auto;max-height:none;padding:4px;gap:4px;border-radius:0;margin:0 -16px;border-left:0;border-right:0;scroll-snap-type:x mandatory}
  body.com-faixa-offline .cp-temas{top:36px}
  .cp-tema{flex:0 0 auto;min-width:96px;scroll-snap-align:center;padding:6px 8px}
  .cp-tema-nome{display:none}
  .cp-tema-cod{font-size:14px}
  .cp-barra,.cp-tema-num{margin-left:0}
  .rs-topo,.rs-duas,.rs-topo-roi,.rs-cenarios{grid-template-columns:1fr}
  .rs-comp-topo{grid-template-columns:1fr}
  .rs-comp-seta{text-align:center}
}
@media (max-width:560px){
  .cp-opcao{flex-direction:column;gap:4px}
  .cp-opcao-nivel{flex:none}
  .rs-imga-num{font-size:52px}
  .rs-kpis{grid-template-columns:1fr}
  .rs-barra-linha{grid-template-columns:1fr 48px}
  .rs-barra-linha .rs-barra{grid-column:1 / -1;grid-row:2}
  .cp-navegacao .botao{flex:1;justify-content:center}
}

/* ---------------------------------------------------------------- um cartão por vez (14/10/2026) */
.cp-pontos{display:flex;gap:6px;flex-wrap:wrap}
.cp-ponto{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);
  font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.cp-ponto.essencial{border-color:var(--primary)}
.cp-ponto.feito{background:var(--success);border-color:var(--success);color:#fff}
.cp-ponto.atual{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent);background:var(--accent);color:#fff}
.cp-ponto.memo{font-size:12px}
.cp-palco{position:relative;min-height:200px}
.cp-palco > article{transition:transform .22s ease,opacity .22s ease}
.cp-entrando.da-direita{transform:translateX(40px);opacity:0}
.cp-entrando.da-esquerda{transform:translateX(-40px);opacity:0}
.cp-saindo.para-esquerda{transform:translateX(-60px);opacity:0}
.cp-saindo.para-direita{transform:translateX(60px);opacity:0}
@media (prefers-reduced-motion:reduce){.cp-palco > article{transition:none}}
.cp-barra-acoes{position:sticky;bottom:0;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 0;
  background:linear-gradient(180deg,rgba(0,0,0,0),var(--bg) 30%)}
.cp-barra-acoes .botao{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.cp-voltar{width:48px;padding:0}
.cp-contagem{font-size:13px;color:var(--text-muted);white-space:nowrap}
.cp-pular{margin-left:auto}
.cp-confirmar{margin-left:auto;flex:0 1 auto;min-width:140px}
.cp-pular + .cp-confirmar{margin-left:0}
.cp-confirmar.pronta{animation:cp-pronta .5s ease 1}
@keyframes cp-pronta{50%{transform:scale(1.04)}}
@media (max-width:900px){
  .cp-temas{margin:0 -12px;border-radius:0}
  .cp-tema-cabeca{padding:10px 14px}
  .cp-tema-cabeca h2{font-size:16px}
  .cp-tema-desc,.cp-tema-refs{display:none}
  .cp-pontos{flex-wrap:nowrap;overflow-x:auto;padding:2px;scrollbar-width:none}
  .cp-ponto{flex:0 0 auto}
  /* barra fixa no pé da tela, acima da barra do navegador e da área segura */
  .cp-barra-acoes{position:fixed;left:0;right:0;bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));
    background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 12px rgba(0,0,0,.08)}
  .cp-conteudo{padding-bottom:84px}
  .cp-confirmar{flex:1 1 auto;min-width:0}
  .cp-pergunta,.cp-memo{padding:12px}
  .cp-p-texto{font-size:15px}
  .cp-opcao{padding:8px 10px;min-height:44px}
}

/* cabeçalho do campo compacto no celular: uma linha com o cliente e três botões pequenos */
@media (max-width:900px){
  .cp-cabeca{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
  .cp-cabeca h1,.cp-cabeca .sub{display:none}
  .cp-cabeca .sobrancelha{margin:0}
  .cp-cabeca .acoes{display:flex;flex-wrap:nowrap;gap:6px;width:100%}
  .cp-cabeca .acoes .botao{flex:1 1 0;min-height:40px;padding:6px 8px;font-size:13px;white-space:nowrap}
  .cp-tema-cabeca{padding:8px 12px}
  .cp-tema-codigo{font-size:11px}
}

/* ---------------------------------------------------------------- ver e compartilhar o relatório */
.rs-compartilhar{position:sticky;top:8px;z-index:20;display:flex;flex-direction:column;gap:10px;padding:12px 14px}
.rs-seletor{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:4px;align-self:flex-start}
.rs-seletor button{border:0;background:none;padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;color:var(--text-muted);min-height:40px}
.rs-seletor button.ativo{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}
.rs-compartilhar-botoes{display:flex;flex-wrap:wrap;gap:8px}
.rs-compartilhar-botoes .botao{min-height:44px}
.rs-paginas{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:14px}
.rs-pagina{margin:0;width:100%;max-width:820px;background:#fff;border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-md);overflow:hidden}
.rs-pagina.slide{max-width:1000px}
.rs-pagina img{display:block;width:100%;height:auto}
.rs-pagina-espera{aspect-ratio:210/297;display:flex;align-items:center;justify-content:center;color:#6B7178;background:#F8FAFB}
.rs-pagina.slide .rs-pagina-espera{aspect-ratio:16/9}
.rs-pagina figcaption{font-size:11px;color:#6B7178;text-align:center;padding:4px;background:#F8FAFB;border-top:1px solid #E4E8EB}
@media (max-width:768px){
  .rs-compartilhar{top:64px}
  .rs-compartilhar-botoes .botao{flex:1 1 calc(50% - 8px);justify-content:center}
  .rs-seletor{align-self:stretch}
  .rs-seletor button{flex:1}
}

/* ── Sem faixa que rola (pedido dele em 15/10/2026): tudo à vista ─────────── */
/* abas do resultado: quebram linha no computador; no celular, grade 4 × 2 com ícone em cima */
.rs-abas{flex-wrap:wrap;overflow:visible}
.rs-aba-curto{display:none}
@media (max-width:768px){
  .rs-abas{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;border-bottom:0}
  .rs-abas a{flex-direction:column;justify-content:center;gap:3px;padding:8px 2px;min-height:58px;font-size:11px;
    border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);text-align:center;white-space:normal}
  .rs-abas a .fa{font-size:17px}
  .rs-abas a.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}
  .rs-aba-nome{display:none}
  .rs-aba-curto{display:block;line-height:1.1}
}
/* temáticas no campo: no celular um botão abre a lista inteira */
.cp-temas-botao{display:none}
.cp-lista-temas{display:flex;flex-direction:column;gap:4px}
.cp-lista-temas .cp-tema-nome{display:block}
.cp-lista-temas .cp-barra,.cp-lista-temas .cp-tema-num{margin-left:36px}
@media (max-width:900px){
  .cp-temas{display:none}
  .cp-temas-botao{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;margin-bottom:10px;
    background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);
    color:var(--text);min-height:56px}
  .cp-tb-cod{font-weight:700;color:var(--accent);font-size:15px}
  .cp-tb-nome{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:1.25}
  .cp-tb-nome small{display:block;font-weight:400;font-size:11px;color:var(--text-muted);margin-top:2px}
  .cp-tb-trocar{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}
  .cp-tema-cabeca{display:none}               /* o botão já mostra a temática */
  .cp-pontos{flex-wrap:wrap;overflow:visible}  /* bolinhas das perguntas quebram linha, sem rolar */
}

/* qualquer outra fileira de abas (Configurações etc.) quebra linha em vez de rolar */
@media (max-width:768px){.abas:not(.rs-abas){flex-wrap:wrap;overflow:visible}.abas:not(.rs-abas) button{flex:1 1 auto}}