/* 📈🧭 ESTRATEGISTA — "O QUE CONVERTE" E A LINHA DA FICHA, SÓ O DONO (public/estrategista.js — 25/10/2026, ramo estrategista, a parte 1; NÃO PUBLICADO).
   Só as variáveis de tema que já existem (claro e escuro de graça). ⚠️ NENHUMA COR DE "BOM/RUIM" nas contagens: o "Y de X" é neutro (é associação, nunca causa);
   só os AVISOS têm o âmbar. Nenhuma largura fixa acima dos 343 px úteis do celular mais estreito; o texto quebra (overflow-wrap). Classes com prefixo `est`. */

.est-placar{display:flex;flex-direction:column;gap:10px;font-size:13px;min-width:0;overflow-wrap:anywhere}
.est-sec{display:flex;flex-direction:column;gap:4px;line-height:1.45}
.est-sec-tit{font-weight:700}
.est-aviso{border-radius:10px;background:var(--amber-soft);border:1px solid var(--amber);padding:8px 10px;line-height:1.45}
.est-linha{border-top:1px solid var(--border);padding:6px 0;line-height:1.45}
.est-q{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:6px 8px;display:flex;flex-direction:column;gap:3px}
.est-q-tit{font-weight:600;line-height:1.4}
.est-yx{font-variant-numeric:tabular-nums;color:var(--text)}
.est-conf{font-size:11px;font-weight:700;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);padding:0 5px}
.est-rodape{font-size:11.5px;margin-top:6px}
/* a linha da ficha (dentro de cada call de "🎙️ Calls gravadas") */
.est-rotulo{margin-top:4px;font-size:12px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere}
.est-rotulo b{color:var(--text)}

/* (a parte 2) o relatório do mês: as abas, o nível (neutro — o nível é do código, não é "bom/ruim"), o botão do treino, a linha do 🔔 */
.est-abas{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.est-aba-on{font-weight:700;border-color:var(--border-strong)}
.est-nivel{font-size:11px;font-weight:700;border-radius:6px;border:1px solid var(--border-strong);background:var(--surface);padding:0 5px;margin-left:4px}
.est-mes{max-width:100%;font:inherit}
.est-usado{font-size:12px;color:var(--muted)}
.est-treino-sec{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:8px 10px}
.ag-aviso-est{overflow-wrap:anywhere}

@media (max-width:780px), (max-height:520px) and (pointer:coarse){
  .est-placar .chip-btn,.est-abas .chip-btn,.ag-aviso-est .chip-btn{min-height:var(--m-tap, 44px)}
}