{item.rotulo} {item.obrigatorio && Obrigatório} {!item.aplicavel && Não se aplica a este caso}

{origemLabel}

{item.aplicavel ? ( <>

setTexto(e.target.value)}
            placeholder="Ainda sem roteiro. Gere com IA a partir dos dados do caso ou escreva manualmente." />
          {erro && <div className="field-error-message">{userErrorMessage(erro)}</div>}
          <div className="row gap2" style={{ marginTop: "var(--sp-2)" }}>
            <Btn kind="ghost" icon="spark" disabled={!editavel || busy} onClick={gerar}>
              {busy ? "Gerando..." : (item.texto ? "Gerar novamente com IA" : "Gerar com IA")}
            </Btn>
            <Btn kind="primary" icon="check" disabled={!editavel || !alterado || busy} onClick={salvar}>Salvar edição</Btn>
            <Btn kind="ghost" icon="play" disabled={!editavel || audioBusy || !item.texto} onClick={gerarAudio}>
              {audioBusy ? "Gerando áudio..." : (item.tem_audio ? "Gerar áudio novamente" : "Gerar áudio")}
            </Btn>
          </div>
          {audioErro && <div className="field-error-message">{userErrorMessage(audioErro)}</div>}
          {item.tem_audio && (
            audioUrl ? (
              <audio controls src={audioUrl} style={{ width: "100%", marginTop: "var(--sp-2)" }} />
            ) : (
              <div style={{ marginTop: "var(--sp-2)" }}>
                <Btn kind="ghost" icon="play" disabled={audioBusy} onClick={carregarAudio}>
                  {audioBusy ? "Carregando..." : "Ouvir áudio já gerado"}
                </Btn>
              </div>
            )
          )}
        </>
      ) : (
        <div className="fhint" style={{ marginTop: "var(--sp-2)" }}>Preencha os dados relacionados a este item em outra aba para poder gerar esta fala.</div>
      )}
    </div>
  );
}

function FalasPacienteTab({ caseId, editavel }) {
  const [itens, setItens] = React.useState(null);
  const [erroLista, setErroLista] = React.useState(null);
  const [toast, setToast] = React.useState(null);

React.useEffect(() => {
    if (!caseId) return;
    setItens(null);
    setErroLista(null);
    window.API.listFalas(caseId).then(resp => setItens(resp.itens)).catch(e => setErroLista(e));
  }, [caseId]);

const atualizarItem = (chave, atualizado) => {
    setItens(prev => prev.map(item => item.chave === chave ? { ...item, ...atualizado } : item));
  };

const gerar = (chave) => window.API.gerarFala(caseId, chave).then(item => {
    atualizarItem(chave, item);
    setToast("Fala gerada.");
  });

const salvar = (chave, texto) => window.API.editarFala(caseId, chave, texto).then(item => {
    atualizarItem(chave, item);
    setToast("Fala salva.");
  });

const gerarAudio = (chave) => window.API.gerarAudioFala(caseId, chave).then(item => {
    atualizarItem(chave, item);
    setToast("Áudio gerado.");
    return item;
  });

const obterAudio = (chave) => window.API.obterAudioFala(caseId, chave);

if (!caseId) {
    return (
      <div className="callout">
        <Icon name="info" size={15} className="ico" />
        Salve o caso como rascunho para poder gerar as falas da paciente.
      </div>
    );
  }
  if (erroLista) {
    return <InlineNote kind="error" title="Não foi possível carregar as falas" onClose={() => setErroLista(null)}>{userErrorMessage(erroLista)}</InlineNote>;
  }
  if (!itens) {
    return <div className="fhint">Carregando falas...</div>;
  }

return (
    <>
      <div className="fhint" style={{ marginBottom: "var(--sp-3)" }}>
        Roteiro em primeira pessoa da paciente, usado como base da narrativa da simulação. Gere com
        IA a partir dos dados já preenchidos nas outras abas, ou escreva à mão. Nenhuma geração
        acontece sozinha — é sempre um comando explícito, item por item.
      </div>
      {itens.map(item => (
        <FalaCard key={item.chave} item={item} editavel={editavel} onGerar={gerar} onSalvar={salvar}
          onGerarAudio={gerarAudio} onObterAudio={obterAudio} />
      ))}
      {toast && <Toast msg={toast} onDone={() => setToast(null)} />}
    </>
  );
}

function PatientForm({ patient, isNew, initialPublicationIssues = [], onBack, onSave, headerStyle, layout, theme, onToggleTheme, onMenu }) {
  const [f, setF] = React.useState(blankCase);
  const [nome, setNome] = React.useState(patient && patient.nome ? patient.nome : "");
  const [tab, setTab] = React.useState(0);
  const [loading, setLoading] = React.useState(false);
  const [saving, setSaving] = React.useState(false);
  const [caseId, setCaseId] = React.useState(patient ? patient.id : null);
  const [caseStatus, setCaseStatus] = React.useState("draft");
  const [lifecycle, setLifecycle] = React.useState(null);
  const [lifecycleError, setLifecycleError] = React.useState(null);
  const [publicationIssues, setPublicationIssues] = React.useState(initialPublicationIssues);
  const scrollRef = React.useRef(null);
  const tabRefs = React.useRef([]);
  const validationSummaryRef = React.useRef(null);
  const savedSnapshotRef = React.useRef(caseFormSnapshot("", blankCase()));
  const nameInputId = React.useId();

React.useEffect(() => {
    if (patient && patient.id) {
      setCaseId(patient.id);
      setLoading(true);
      window.API.getCase(patient.id).then(data => {
        const formData = data.data || {};
        const merged = deepMerge(blankCase(), { ...formData, ref: data.ref });
        const loadedName = data.nome || "";
        setF(merged);
        setNome(loadedName);
        setCaseStatus(data.status || "draft");
        savedSnapshotRef.current = caseFormSnapshot(loadedName, merged);
        setLoading(false);
        if (initialPublicationIssues.length) {
          setTab(tabForIssue(initialPublicationIssues[0]));
          requestAnimationFrame(() => validationSummaryRef.current?.focus());
        }
      }).catch(() => {
        setLoading(false);
      });
    } else {
      setCaseId(null);
      setCaseStatus("draft");
      setF(blankCase());
      setNome("");
      setTab(0);
      setPublicationIssues([]);
      savedSnapshotRef.current = caseFormSnapshot("", blankCase());
    }
  }, [patient && patient.id, isNew]);

React.useEffect(() => {
    const imc = calcularImc(f.pessoais.peso, f.pessoais.altura);
    if (imc !== f.pessoais.imc) set("pessoais.imc", imc);
  }, [f.pessoais.peso, f.pessoais.altura]);

React.useEffect(() => {
    const idade = calcularIdade(f.pessoais.dataNascimento);
    const valor = idade === null ? "" : idade;
    if (valor !== f.pessoais.idade) set("pessoais.idade", valor);
  }, [f.pessoais.dataNascimento]);

React.useEffect(() => {
    const pesoRN = calcularMaiorPesoRN(f.antecedentes.gineco.partosDetalhados);
    if (pesoRN !== f.antecedentes.gineco.pesoRN) set("antecedentes.gineco.pesoRN", pesoRN);
  }, [f.antecedentes.gineco.partosDetalhados]);

const clearPublicationIssue = (path) => {
    setPublicationIssues(current => current.filter(issue => issue.path !== path));
  };

const setPartoDetalhado = (index, field, value) => {
    const partos = [...f.antecedentes.gineco.partosDetalhados];
    partos[index] = { ordem: index + 1, tipo: "normal", idadeMaterna: null, pesoRN: "", ...partos[index], [field]: value };
    set("antecedentes.gineco.partosDetalhados", partos);
  };

const toggleDorRegiao = (regiao) => {
    const dores = { ...f.musculoesqueletica.dores };
    if (regiao in dores) delete dores[regiao];
    else dores[regiao] = 0;
    set("musculoesqueletica.dores", dores);
  };

const changeTab = (nextTab) => {
    setTab(nextTab);
    requestAnimationFrame(() => scrollRef.current?.scrollTo({ top: 0, behavior: "smooth" }));
  };

const handleTabKeyDown = (event, index) => {
    let next = index;
    if (event.key === "ArrowRight") next = (index + 1) % TABS.length;
    else if (event.key === "ArrowLeft") next = (index - 1 + TABS.length) % TABS.length;
    else if (event.key === "Home") next = 0;
    else if (event.key === "End") next = TABS.length - 1;
    else return;
    event.preventDefault();
    changeTab(next);
    tabRefs.current[next]?.focus();
  };

const tabForIssue = (issue) => {
    const path = (issue.path || "").replace(/^data\./, "");
    if (/^(nome|ref|pessoais)\b/.test(path)) return 0;
    if (/^(hda|urinario)\b/.test(path)) return 1;
    if (/^(sexual|digestivo)\b/.test(path)) return 2;
    if (/^(ginecologico|antecedentes|saude)\b/.test(path)) return 3;
    if (/^(qualidadeVida|musculoesqueletica)\b/.test(path)) return 4;
    if (/^exameFisico\b/.test(path)) return 5;
    if (/^(perfect|simulador)\b/.test(path)) return 6;
    if (/^diagnostico\b/.test(path)) return 7;
    return 8;
  };

const showPublicationIssues = (issues) => {
    setPublicationIssues(issues);
    if (issues.length) changeTab(tabForIssue(issues[0]));
    requestAnimationFrame(() => validationSummaryRef.current?.focus());
  };

const issueMessage = (path) => {
    const issue = publicationIssues.find(item => item.path === path);
    return issue ? publicationIssueMessage(issue) : "";
  };

const persistDraft = async () => {
    const payload = collectApiPayload();
    const savedCase = isNewCase
      ? await window.API.createCase(payload)
      : await window.API.updateCase(caseId, payload);

setCaseId(savedCase.id);
    setCaseStatus(savedCase.status);
    savedSnapshotRef.current = caseFormSnapshot(nome, f);
    return savedCase;
  };

const openLifecycle = (action) => {
    setLifecycleError(null);
    setLifecycle({ action });
  };

const closeLifecycle = () => {
    if (saving) return;
    setLifecycle(null);
    setLifecycleError(null);
  };

const requestExit = () => {
    if (hasUnsavedChanges) {
      openLifecycle("discard");
      return;
    }
    onBack();
  };

const lifecycleCopy = lifecycle && {
    publish: ["Publicar caso clínico", "Publicar", "checkCircle", "Os campos obrigatórios foram validados. Ao confirmar, o caso ficará disponível para simulação."],
    unpublish: ["Despublicar caso clínico", "Despublicar", "edit", "O caso voltará a ser um rascunho editável."],
    archive: ["Arquivar caso clínico", "Arquivar", "archive", "O caso sairá do acervo ativo e poderá ser restaurado depois."],
    restore: ["Restaurar caso clínico", "Restaurar", "restore", "O caso voltará ao acervo como rascunho."],
    discard: ["Descartar alterações?", "Descartar e sair", "x", "As alterações feitas desde o último salvamento serão perdidas."],
  }[lifecycle.action];

if (loading) {
    return (
      <div className="main">
        <div className="form-band">
          <div className="form-band-mark"><BrandGlyph size={24} color="var(--accent)" /></div>
          <Wordmark />
          <div className="fb-divider"></div>
          <div><div className="fb-title">Carregando caso...</div></div>
        </div>
        <div className="scroll"><div className="form-body" style={{ textAlign: "center", padding: "var(--sp-8)", color: "var(--text-faint)" }}>Carregando dados do caso clínico...</div></div>
      </div>
    );
  }

return (
    <div className="main">
      <div className={"form-band patient-form-band" + (headerStyle === "light" ? " light" : "")}>
        {onMenu && <NavToggle onClick={onMenu} />}
        <div className="fb-heading">
          <div className="form-band-mark"><BrandGlyph size={24} color={headerStyle === "light" ? "var(--accent-ink)" : "var(--accent)"} /></div>
          <Wordmark />
          <div className="fb-divider"></div>
          <div style={{ minWidth: 0 }}>
            <div className="fb-title">{isNewCase ? "Novo Caso Clínico" : "Cadastro de Caso"}</div>
            <div className="fb-sub">Ficha de avaliação fisioterapêutica pélvica do caso</div>
          </div>
          <Badge status={caseStatus} />
        </div>
        <div className="fb-spacer"></div>
        <div className="fb-actions">
          {onToggleTheme && <ThemeToggle theme={theme} onToggle={onToggleTheme} />}
          <button className="fb-back" disabled={saving} onClick={requestExit}><Icon name="chevL" size={15} />Voltar ao acervo</button>
          {!isArchived && !isPublished && <Btn kind="primary lg" icon="checkCircle" disabled={saving} onClick={() => preparePublication("publish")}>{saving ? "Processando..." : "Publicar caso"}</Btn>}
        </div>
      </div>

<div className="scroll" ref={scrollRef}>
        <div className={"form-body" + (single ? " narrow" : "")}>
          {isPublished && (
            <div className="callout" style={{ marginBottom: "var(--sp-4)" }}>
              <Icon name="info" size={15} className="ico" />
              Caso publicado em modo somente leitura. Despublique-o para editar.
            </div>
          )}
          {isArchived && (
            <div className="callout" style={{ marginBottom: "var(--sp-4)" }}>
              <Icon name="archive" size={15} className="ico" />
              Caso arquivado em modo somente leitura. Restaure-o para voltar a editar.
            </div>
          )}
          {publicationIssues.length > 0 && (
            <div className="alert-callout validation-summary" role="alert" tabIndex="-1" ref={validationSummaryRef}>
              <Icon name="alert" size={16} className="ico" />
              <div><b>Revise os dados antes de publicar.</b><PublicationIssueList issues={publicationIssues} /></div>
            </div>
          )}
          <fieldset className="case-form-fields" disabled={isReadOnly} aria-readonly={isReadOnly}>
          <div className="fcard mb5 case-identity-card" style={{ display: "flex", gap: "var(--sp-4)", alignItems: "center", padding: "var(--sp-4) var(--sp-5)" }}>
            <div className="row-avatar" style={{ width: 48, height: 48, fontSize: 17 }}>{(nome || "?").split(" ").map(w => w[0]).slice(0, 2).join("") || "?"}</div>
            <div className={issueMessage("nome") ? "form-field invalid" : "form-field"} style={{ flex: 1 }}>
              <label className="flabel" htmlFor={nameInputId} style={{ marginBottom: 4 }}>Nome ou identificação do caso</label>
              <input id={nameInputId} className="login-input" aria-invalid={!!issueMessage("nome")} style={{ height: 40, fontWeight: 600 }} placeholder="Ex.: Adriana de Sousa" value={nome} onChange={(e) => { setNome(e.target.value); clearPublicationIssue("nome"); }} />
              {issueMessage("nome") && <div className="field-error-message">{issueMessage("nome")}</div>}
            </div>
            <div className="case-reference-field">
              <FInput label="Referência" required error={issueMessage("ref")} value={f.ref} onChange={value => set("ref", value)} placeholder="Ex.: CASO-001" />
            </div>
          </div>
          </fieldset>

<div className="ctabs" role="tablist" aria-label="Seções do caso clínico">
            {TABS.map((t, i) => (
              <button key={t.id} id={"case-tab-" + t.id} role="tab" aria-selected={tab === i} aria-controls={"case-panel-" + t.id}
                aria-label={t.label} title={t.label} tabIndex={tab === i ? 0 : -1}
                ref={element => { tabRefs.current[i] = element; }} className={"ctab" + (tab === i ? " on" : "")} onClick={() => changeTab(i)} onKeyDown={event => handleTabKeyDown(event, i)}>
                <span className="ctab-i"><Icon name={t.icon} size={15} /></span>
                <span className="ctab-label">{t.label}</span>
              </button>
            ))}
          </div>

<fieldset className="case-form-fields" disabled={isReadOnly} aria-readonly={isReadOnly}>
          {tab === 0 && (
            <div className="tabpane" role="tabpanel" id="case-panel-identificacao" aria-labelledby="case-tab-identificacao">
              <Section num={1} title="Identificação">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c2" : "c3")}>
                    <FInput label="Data de nascimento" required error={issueMessage("data.pessoais.dataNascimento")} value={f.pessoais.dataNascimento} onChange={v => set("pessoais.dataNascimento", v)} placeholder="DD/MM/AAAA" mask="date" />
                    <div>
                      <label className="flabel">Idade <span className="opt">(calculada automaticamente)</span></label>
                      <div className="frow"><div className="finput"><input value={f.pessoais.idade} readOnly aria-label="Idade calculada automaticamente" /></div><span className="unit">anos</span></div>
                    </div>
                    <FInput label="Data da avaliação" value={f.pessoais.dataAvaliacao} onChange={v => set("pessoais.dataAvaliacao", v)} placeholder="DD/MM/AAAA" mask="date" />
                    <FInput label="Profissão" value={f.pessoais.profissao} onChange={v => set("pessoais.profissao", v)} placeholder="Ex.: Professora" />
                    <FSelect label="Estado civil" value={f.pessoais.estadoCivil} onChange={v => set("pessoais.estadoCivil", v)} options={ESTADO_CIVIL} />
                    <FInput label="Médico responsável" opt value={f.pessoais.medicoResponsavel} onChange={v => set("pessoais.medicoResponsavel", v)} placeholder="Dr(a). ..." />
                    <div style={{ gridColumn: single ? "auto" : "span 3" }}>
                      <FInput label="Diagnóstico médico" value={f.pessoais.diagnosticoMedico} onChange={v => set("pessoais.diagnosticoMedico", v)} placeholder="Ex.: Incontinência urinária de esforço" />
                    </div>
                    <div>
                      <label className="flabel">Atividade física</label>
                      <SegBinary value={f.pessoais.atividadeFisica} onChange={v => set("pessoais.atividadeFisica", v)} fill />
                    </div>
                    <div style={{ gridColumn: single ? "auto" : "span 2" }}>
                      <FInput label="Nota sobre atividade física" opt value={f.pessoais.atividadeFisicaQual} onChange={v => set("pessoais.atividadeFisicaQual", v)} placeholder="Ex.: caminhada / academia" />
                    </div>
                    <FSelect label="Escolaridade" opt value={f.pessoais.escolaridade} onChange={v => set("pessoais.escolaridade", v)} options={ESCOLARIDADE} />
                    <FSelect label="Cor / Raça" opt value={f.pessoais.corRaca} onChange={v => set("pessoais.corRaca", v)} options={COR_RACA} />
                  </div>
                  <div className="fhint" style={{ marginTop: "var(--sp-3)" }}>Escolaridade e cor/raça não constam da ficha da contratante; são mantidos por serem exibidos na anamnese dentro do simulador.</div>
                </div>
              </Section>

<Section num={2} title="Antropometria">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c2" : "c3")}>
                    <FInput label="Peso (kg)" value={f.pessoais.peso} onChange={v => set("pessoais.peso", v)} placeholder="Ex.: 72" />
                    <FInput label="Altura (m)" value={f.pessoais.altura} onChange={v => set("pessoais.altura", v)} placeholder="Ex.: 1,63" />
                    <div>
                      <label className="flabel">IMC <span className="opt">(calculado automaticamente)</span></label>
                      <div className="finput"><input value={f.pessoais.imc} readOnly aria-label="IMC calculado automaticamente" />
                        {flag && <span className={"imc-flag " + flag[1]}>{flag[0]}</span>}
                      </div>
                    </div>
                  </div>
                </div>
              </Section>
            </div>
          )}

{tab === 1 && (
            <div className="tabpane" role="tabpanel" id="case-panel-historia" aria-labelledby="case-tab-historia">
              <Section num="2.1" title="Queixa Principal">
                <div className="fcard">
                  <div className="fhint" style={{ marginTop: -2 }}>Descreva a queixa principal e quando iniciaram os sintomas — a história contada pela paciente.</div>
                  <div className={issueMessage("data.hda.historia") ? "form-field invalid" : "form-field"}>
                    <textarea className="ftextarea" aria-invalid={!!issueMessage("data.hda.historia")} style={{ minHeight: 140 }} value={f.hda.historia} onChange={e => set("hda.historia", e.target.value)}
                      placeholder="Relato da paciente: como percebeu os sintomas, o que sente no dia a dia, o que a levou a procurar atendimento..." />
                    {issueMessage("data.hda.historia") && <div className="field-error-message">{issueMessage("data.hda.historia")}</div>}
                  </div>
                  <div className={"fgrid " + (single ? "c1" : "c3")} style={{ marginTop: "var(--sp-4)" }}>
                    <FInput label="Quando iniciaram os sintomas" value={f.hda.tempoQueixa} onChange={v => set("hda.tempoQueixa", v)} placeholder="Ex.: há cerca de 4 anos" />
                    <div><label className="flabel">Tratamento anterior para esta disfunção</label><SegBinary value={f.hda.tratamentoAnterior} onChange={v => set("hda.tratamentoAnterior", v)} fill /></div>
                    {f.hda.tratamentoAnterior && <FInput label="Qual (cirurgia, medicamento, laser, radiofrequência, fisioterapia)" value={f.hda.tratamentoAnteriorQual} onChange={v => set("hda.tratamentoAnteriorQual", v)} />}
                  </div>
                </div>
              </Section>

<Section num="2.2" title="Sintomas Gerais de Disfunções do Assoalho Pélvico">
                <div className="fcard">
                  <div className="fhint" style={{ marginTop: -2 }}>Marque todos os sintomas presentes.</div>
                  <MultiCheck value={f.hda.sintomasGerais} options={SINTOMAS_GERAIS} onChange={v => set("hda.sintomasGerais", v)} />
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <label className="flabel">Síndrome da Dor Vesical: sente desconforto no enchimento vesical que alivia após urinar?</label>
                    <SegBinary value={f.hda.dorVesical} onChange={v => set("hda.dorVesical", v)} />
                  </div>
                </div>
              </Section>

<Section num="2.3" title="Investigação Detalhada da Incontinência Urinária (se presente)">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c2")}>
                    <div><label className="flabel">Incontinência urinária presente</label><SegBinary value={f.urinario.incontinencia} onChange={v => set("urinario.incontinencia", v)} fill /></div>
                    {f.urinario.incontinencia && (
                      <div>
                        <label className="flabel">Caráter do escape</label>
                        <div className="radios inline">
                          {CARATER_ESCAPE.map(([v, l]) => <RadioRow key={v} on={f.urinario.caraterEscape === v} onClick={() => set("urinario.caraterEscape", v)}>{l}</RadioRow>)}
                        </div>
                      </div>
                    )}
                  </div>
                  {f.urinario.incontinencia && <div style={{ marginTop: "var(--sp-4)" }}><label className="flabel">IUE — ocorre durante</label><MultiCheck value={f.urinario.gatilhosIUE} options={GATILHOS_IUE} onChange={v => set("urinario.gatilhosIUE", v)} /></div>}
                  {f.urinario.incontinencia && (
                    <div style={{ marginTop: "var(--sp-4)" }}>
                      <label className="flabel">Urgência miccional — ocorre com</label>
                      <table className="exam-table">
                        <thead><tr><th>Gatilho</th><th className="c">Vontade</th><th className="c">Perda</th></tr></thead>
                        <tbody>
                          {GATILHOS_URGENCIA.map(([codigo, label]) => {
                            const g = f.urinario.gatilhosUrgencia[codigo] || { vontade: false, perda: false };
                            return (
                              <tr key={codigo}>
                                <td className="row-name">{label}</td>
                                <td className="c"><CheckRow on={g.vontade} onClick={() => toggleGatilhoUrgencia(codigo, "vontade")}>Vontade</CheckRow></td>
                                <td className="c"><CheckRow on={g.perda} onClick={() => toggleGatilhoUrgencia(codigo, "perda")}>Perda</CheckRow></td>
                              </tr>
                            );
                          })}
                        </tbody>
                      </table>
                    </div>
                  )}
                </div>
              </Section>
            </div>
          )}

{tab === 2 && (
            <div className="tabpane" role="tabpanel" id="case-panel-sistemas" aria-labelledby="case-tab-sistemas">
              <Section num="2.4" title="Atividade Sexual">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c3")}>
                    <FInput label="Início da vida sexual (idade)" opt value={f.sexual.idadeInicio === null ? "" : f.sexual.idadeInicio} onChange={v => set("sexual.idadeInicio", v === "" ? null : Number(v))} />
                    <div>
                      <label className="flabel">Sexualmente ativa</label>
                      <SegBinary value={f.sexual.ativa} on="Sim" off="Não" onChange={v => set("sexual.ativa", v)} fill />
                    </div>
                  </div>
                  {!f.sexual.ativa && (
                    <div className={"fgrid " + (single ? "c1" : "c2")} style={{ marginTop: "var(--sp-4)" }}>
                      <FInput label="Se não ativa, há quanto tempo" value={f.sexual.tempoInativa} onChange={v => set("sexual.tempoInativa", v)} />
                      <FInput label="Motivo" value={f.sexual.motivoInativa} onChange={v => set("sexual.motivoInativa", v)} />
                    </div>
                  )}
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <table className="exam-table">
                      <thead><tr><th>Aspecto</th><th className="c">Sim / Não</th><th>Obs</th></tr></thead>
                      <tbody>
                        {ASPECTOS_SEXUAIS.map(([codigo, label]) => {
                          const asp = f.sexual[codigo] || { presente: null, obs: "" };
                          return (
                            <tr key={codigo}>
                              <td className="row-name">{label}</td>
                              <td className="c"><SegBinary value={asp.presente} onChange={v => set("sexual." + codigo + ".presente", v)} /></td>
                              <td><div className="finput"><input value={asp.obs} onChange={e => set("sexual." + codigo + ".obs", e.target.value)} placeholder="Obs" /></div></td>
                            </tr>
                          );
                        })}
                      </tbody>
                    </table>
                  </div>
                  <div className={"fgrid " + (single ? "c1" : "c3")} style={{ marginTop: "var(--sp-4)" }}>
                    <div><label className="flabel">Dor, desconforto ou ardência durante/após a relação</label><SegBinary value={f.sexual.dorRelacao} onChange={v => set("sexual.dorRelacao", v)} fill /></div>
                    {f.sexual.dorRelacao && <FSelect label="Quando iniciou a dor" value={f.sexual.inicioDor} onChange={v => set("sexual.inicioDor", v)} options={[["", "Selecione"], ["antesPrimeira", "Antes da primeira relação"], ["aposPrimeira", "Após a primeira relação"]]} />}
                    {f.sexual.dorRelacao && <FInput label="Tipo de dor geniturinária" value={f.sexual.tipoDor} onChange={v => set("sexual.tipoDor", v)} />}
                  </div>
                </div>
              </Section>

<Section num="2.5" title="Investigação Anorretal">
                <div className="fcard">
                  <div style={{ marginBottom: "var(--sp-4)" }}>
                    <label className="flabel">Como é sua evacuação habitual (frequência, consistência)</label>
                    <textarea className="ftextarea" value={f.digestivo.evacuacaoHabitual} onChange={e => set("digestivo.evacuacaoHabitual", e.target.value)} placeholder="Ex.: diária, sem esforço; fezes formadas." />
                  </div>
                  <div className={"fgrid " + (single ? "c1" : "c2")}>
                    <FSelect label="Consistência fecal — Escala de Bristol" value={f.digestivo.bristol} onChange={v => set("digestivo.bristol", v)} options={BRISTOL} />
                    <div><label className="flabel">Usa apoio nos pés (banquinho)</label><SegBinary value={f.digestivo.usaBanquinho} onChange={v => set("digestivo.usaBanquinho", v)} fill /></div>
                  </div>
                  <div style={{ marginTop: "var(--sp-4)" }}><label className="flabel">Sintomas anorretais presentes</label><MultiCheck value={f.digestivo.sintomasAnorretais} options={SINTOMAS_ANORRETAIS} onChange={v => set("digestivo.sintomasAnorretais", v)} /></div>
                  <div className={"fgrid " + (single ? "c1" : "c3")} style={{ marginTop: "var(--sp-4)" }}>
                    <FInput label="Tempo de início dos sintomas anorretais" opt value={f.digestivo.inicioSintomas} onChange={v => set("digestivo.inicioSintomas", v)} />
                    <FInput label="Situação desencadeante" opt value={f.digestivo.situacaoDesencadeante} onChange={v => set("digestivo.situacaoDesencadeante", v)} />
                    <FSelect label="Consistência do escape fecal (se houver)" opt value={f.digestivo.escapeFecalConsistencia} onChange={v => set("digestivo.escapeFecalConsistencia", v)} options={ESCAPE_FECAL} />
                    <div><label className="flabel">Doença intestinal associada</label><SegBinary value={f.digestivo.doencaIntestinal} onChange={v => set("digestivo.doencaIntestinal", v)} fill /></div>
                    {f.digestivo.doencaIntestinal && <FInput label="Qual doença intestinal" value={f.digestivo.doencaIntestinalQual} onChange={v => set("digestivo.doencaIntestinalQual", v)} />}
                  </div>
                  <div className="subpanel" style={{ marginTop: "var(--sp-5)" }}>
                    <div className="subpanel-title">Avaliação com Balonete (se indicada)</div>
                    <div className={"fgrid " + (single ? "c1" : "c2")}>
                      <div><label className="flabel">Indicada</label><SegBinary value={f.digestivo.balonete.indicada} onChange={v => set("digestivo.balonete.indicada", v)} fill /></div>
                    </div>
                    {f.digestivo.balonete.indicada && (
                      <div className={"fgrid " + (single ? "c2" : "c4")} style={{ marginTop: "var(--sp-4)" }}>
                        <FInput label="Limiar de sensibilidade retal (ml)" value={f.digestivo.balonete.limiarSensibilidade} onChange={v => set("digestivo.balonete.limiarSensibilidade", v)} />
                        <FInput label="Primeiro desejo evacuatório (ml)" value={f.digestivo.balonete.primeiroDesejo} onChange={v => set("digestivo.balonete.primeiroDesejo", v)} />
                        <FInput label="Urgência evacuatória (ml)" value={f.digestivo.balonete.urgencia} onChange={v => set("digestivo.balonete.urgencia", v)} />
                        <FInput label="Capacidade máxima tolerada (ml)" value={f.digestivo.balonete.capacidadeMaxima} onChange={v => set("digestivo.balonete.capacidadeMaxima", v)} />
                      </div>
                    )}
                  </div>
                </div>
              </Section>
            </div>
          )}

{tab === 3 && (
            <div className="tabpane" role="tabpanel" id="case-panel-historicos" aria-labelledby="case-tab-historicos">
              <Section num="2.6" title="Histórico Ginecológico">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c3")}>
                    <FInput label="ITU: frequência, último episódio e tratamento" opt value={f.ginecologico.itu} onChange={v => set("ginecologico.itu", v)} />
                    <FInput label="Vaginites / vaginoses" opt value={f.ginecologico.vaginites} onChange={v => set("ginecologico.vaginites", v)} />
                    <FInput label="Último exame preventivo (Papanicolau)" opt value={f.ginecologico.dataPapanicolau} onChange={v => set("ginecologico.dataPapanicolau", v)} placeholder="DD/MM/AAAA" mask="date" />
                    <div><label className="flabel">Menstruação regular</label><SegBinary value={f.ginecologico.menstruacaoRegular} onChange={v => set("ginecologico.menstruacaoRegular", v)} fill /></div>
                    <FInput label="DUM" opt value={f.ginecologico.dum} onChange={v => set("ginecologico.dum", v)} placeholder="DD/MM/AAAA" mask="date" />
                    <div><label className="flabel">Menopausa</label><SegBinary value={f.ginecologico.menopausa} onChange={v => set("ginecologico.menopausa", v)} fill /></div>
                    {f.ginecologico.menopausa && <FInput label="Desde" value={f.ginecologico.menopausaDesde} onChange={v => set("ginecologico.menopausaDesde", v)} />}
                    <div><label className="flabel">Reposição hormonal</label><SegBinary value={f.ginecologico.reposicaoHormonal} onChange={v => set("ginecologico.reposicaoHormonal", v)} fill /></div>
                    <FSelect label="DIU" value={f.ginecologico.diu} onChange={v => set("ginecologico.diu", v)} options={DIU} />
                  </div>
                  <div style={{ marginTop: "var(--sp-4)" }}><label className="flabel">Cuidados com a região vulvar</label><textarea className="ftextarea" value={f.ginecologico.cuidadosVulvares} onChange={e => set("ginecologico.cuidadosVulvares", e.target.value)} /></div>
                </div>
              </Section>

<Section num="2.7" title="Histórico Obstétrico">
                <div className="fcard">
                  <div className="fhint" style={{ marginTop: -2 }}>Notação da ficha: G P N C A F E L S. O significado de E, L e S aguarda confirmação da contratante.</div>
                  <div className={"fgrid " + (single ? "c3" : "c5")}>
                    <div><label className="flabel">Gestações (G)</label><Stepper value={f.antecedentes.gineco.gravidezes} onChange={v => set("antecedentes.gineco.gravidezes", v)} min={0} max={20} /></div>
                    <div><label className="flabel">Partos (P)</label><Stepper value={f.antecedentes.gineco.partos} onChange={v => set("antecedentes.gineco.partos", v)} min={0} max={20} /></div>
                    <div><label className="flabel">Normais (N)</label><Stepper value={f.antecedentes.gineco.partosNormais} onChange={v => set("antecedentes.gineco.partosNormais", v)} min={0} max={20} /></div>
                    <div><label className="flabel">Cesáreas (C)</label><Stepper value={f.antecedentes.gineco.cesarianas} onChange={v => set("antecedentes.gineco.cesarianas", v)} min={0} max={20} /></div>
                    <div><label className="flabel">Abortos (A)</label><Stepper value={f.antecedentes.gineco.abortos} onChange={v => set("antecedentes.gineco.abortos", v)} min={0} max={20} /></div>
                    <div><label className="flabel">Fórceps (F)</label><Stepper value={f.antecedentes.gineco.forceps} onChange={v => set("antecedentes.gineco.forceps", v)} min={0} max={20} /></div>
                    <div><label className="flabel">E</label><Stepper value={f.antecedentes.gineco.contE} onChange={v => set("antecedentes.gineco.contE", v)} min={0} max={20} /></div>
                    <div><label className="flabel">L</label><Stepper value={f.antecedentes.gineco.contL} onChange={v => set("antecedentes.gineco.contL", v)} min={0} max={20} /></div>
                    <div><label className="flabel">S</label><Stepper value={f.antecedentes.gineco.contS} onChange={v => set("antecedentes.gineco.contS", v)} min={0} max={20} /></div>
                    <div style={{ gridColumn: single ? "auto" : "span 2" }}>
                      <label className="flabel">Peso do maior bebê <span className="opt">(calculado automaticamente)</span></label>
                      <div className="finput"><input value={f.antecedentes.gineco.pesoRN} readOnly aria-label="Peso do maior recém-nascido calculado automaticamente" /></div>
                    </div>
                  </div>
                  {Number(f.antecedentes.gineco.partos) > 0 && <div style={{ marginTop: "var(--sp-5)" }}>
                    <label className="flabel">Detalhamento dos partos</label>
                    {Array.from({ length: Number(f.antecedentes.gineco.partos) }, (_, index) => {
                      const parto = f.antecedentes.gineco.partosDetalhados[index] || {};
                      return <div key={index} className={"fgrid " + (single ? "c1" : "c4")} style={{ marginTop: "var(--sp-3)" }}>
                        <div className="faint" style={{ alignSelf: "center" }}>{index + 1}º parto</div>
                        <FSelect label="Tipo" value={parto.tipo || "normal"} onChange={v => setPartoDetalhado(index, "tipo", v)} options={TIPO_PARTO} />
                        <FInput label="Idade materna" opt value={parto.idadeMaterna ?? ""} onChange={v => setPartoDetalhado(index, "idadeMaterna", v === "" ? null : Number(v))} />
                        <FInput label="Peso do RN" opt value={parto.pesoRN || ""} onChange={v => setPartoDetalhado(index, "pesoRN", v)} placeholder="Ex.: 3,9 kg" />
                      </div>;
                    })}
                  </div>}
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <label className="flabel">Complicações obstétricas</label>
                    <textarea className="ftextarea" value={f.antecedentes.gineco.complicacoes} onChange={e => set("antecedentes.gineco.complicacoes", e.target.value)} placeholder="Ex.: macrossomia fetal, episiotomia, laceração..." />
                  </div>
                </div>
              </Section>

<Section num="2.8" title="Patologias Associadas e Medicamentos">
                <div className="fcard">
                  <MultiCheck value={f.saude.comorbidades} options={COMORBIDADES} onChange={v => set("saude.comorbidades", v)} />
                  <div className={"fgrid " + (single ? "c1" : "c2")} style={{ marginTop: "var(--sp-4)" }}>
                    <FInput label="Medicamentos em uso" opt value={f.saude.medicamentos} onChange={v => set("saude.medicamentos", v)} />
                    <FInput label="Cirurgias prévias" opt value={f.saude.cirurgiasPrevias} onChange={v => set("saude.cirurgiasPrevias", v)} />
                  </div>
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <label className="flabel">Histórico familiar <span className="opt">(complementar — exibido na anamnese do simulador)</span></label>
                    <textarea className="ftextarea" value={f.antecedentes.familiar} onChange={e => set("antecedentes.familiar", e.target.value)}
                      placeholder="Ex.: mãe com incontinência urinária após a menopausa; avó com prolapso..." />
                  </div>
                </div>
              </Section>
            </div>
          )}

{tab === 4 && (
            <div className="tabpane" role="tabpanel" id="case-panel-impacto" aria-labelledby="case-tab-impacto">
              <Section num="2.9" title="Impacto na Qualidade de Vida (EVA subjetiva)">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c3")}>
                    <div><label className="flabel">Escore EVA (0–10)</label><Stepper value={f.qualidadeVida.evaImpacto === null ? "" : f.qualidadeVida.evaImpacto} onChange={v => set("qualidadeVida.evaImpacto", v === "" ? null : Number(v))} min={0} max={10} /></div>
                    <FInput label="Instrumento utilizado" opt value={f.qualidadeVida.instrumento} onChange={v => set("qualidadeVida.instrumento", v)} placeholder="Ex.: ICIQ-UI SF" />
                    <FInput label="Escore do instrumento" opt value={f.qualidadeVida.escoreInstrumento} onChange={v => set("qualidadeVida.escoreInstrumento", v)} placeholder="Ex.: 13/21" />
                  </div>
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <FInput label="Reavaliação" opt value={f.qualidadeVida.reavaliacao} onChange={v => set("qualidadeVida.reavaliacao", v)} placeholder="Ex.: 2/10 e 4/21 após 12 semanas" />
                  </div>
                </div>
              </Section>

<Section num="2.10" title="Investigações Complementares">
                <div className="fcard">
                  <MultiCheck value={f.qualidadeVida.investigacoesComplementares} options={INVESTIGACOES} onChange={v => set("qualidadeVida.investigacoesComplementares", v)} />
                  <div style={{ marginTop: "var(--sp-4)" }}><label className="flabel">Achados relevantes</label><textarea className="ftextarea" value={f.qualidadeVida.achadosComplementares} onChange={e => set("qualidadeVida.achadosComplementares", e.target.value)} placeholder="Ex.: não realizadas até o momento." /></div>
                </div>
              </Section>

<Section num={3} title="História Musculoesquelética">
                <div className="fcard">
                  <FInput label="Histórico de quedas e fraturas" value={f.musculoesqueletica.quedasFraturas} onChange={v => set("musculoesqueletica.quedasFraturas", v)} placeholder="Ex.: nega." />
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <label className="flabel">Dor extrapélvica — localize e pontue na EVA (0–10)</label>
                    <div className="checks">
                      {DOR_REGIOES.map(([regiao, label]) => {
                        const presente = regiao in f.musculoesqueletica.dores;
                        return (
                          <div key={regiao} className="row gap2" style={{ alignItems: "center" }}>
                            <CheckRow on={presente} onClick={() => toggleDorRegiao(regiao)}>{label}</CheckRow>
                            {presente && <div className="frow"><Stepper value={f.musculoesqueletica.dores[regiao]} onChange={v => set("musculoesqueletica.dores." + regiao, v === "" ? 0 : Number(v))} min={0} max={10} /><span className="unit">EVA</span></div>}
                          </div>
                        );
                      })}
                    </div>
                  </div>
                </div>
              </Section>
            </div>
          )}

{tab === 5 && (
            <div className="tabpane" role="tabpanel" id="case-panel-exame" aria-labelledby="case-tab-exame">
              <div className="callout" style={{ marginBottom: "var(--sp-4)" }}>
                <Icon name="info" size={15} className="ico" />Avaliação <b>exclusivamente por via vaginal</b> — sem palpação anal.
              </div>

<Section num="4.1" title="Sinais Vitais">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c3")}>
                    <FInput label="PA" value={f.exameFisico.sinaisVitais.pa} onChange={v => set("exameFisico.sinaisVitais.pa", v)} placeholder="Ex.: 120/80 mmHg" />
                    <FInput label="FC" value={f.exameFisico.sinaisVitais.fc} onChange={v => set("exameFisico.sinaisVitais.fc", v)} placeholder="Ex.: 72 bpm" />
                    <FInput label="FR" value={f.exameFisico.sinaisVitais.fr} onChange={v => set("exameFisico.sinaisVitais.fr", v)} placeholder="Ex.: 16 irpm" />
                  </div>
                </div>
              </Section>

<Section num="4.2" title="Avaliação Postural">
                <div className="fcard">
                  <MultiCheck value={f.exameFisico.postural.achados} options={POSTURAL_ACHADOS} onChange={v => set("exameFisico.postural.achados", v)} />
                  <div style={{ marginTop: "var(--sp-4)" }}><label className="flabel">Alinhamento — observações</label><textarea className="ftextarea" value={f.exameFisico.postural.observacoes} onChange={e => set("exameFisico.postural.observacoes", e.target.value)} /></div>
                </div>
              </Section>

<Section num="4.3" title="Avaliação Abdominal">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c3")}>
                    <FInput label="Padrão respiratório" value={f.exameFisico.abdominal.padraoRespiratorio} onChange={v => set("exameFisico.abdominal.padraoRespiratorio", v)} placeholder="Ex.: diafragmático, normal" />
                    <FInput label="Flacidez abdominal (grau)" value={f.exameFisico.abdominal.flacidez} onChange={v => set("exameFisico.abdominal.flacidez", v)} placeholder="Ex.: moderada" />
                    <FInput label="Presença de cicatrizes" value={f.exameFisico.abdominal.cicatrizes} onChange={v => set("exameFisico.abdominal.cicatrizes", v)} placeholder="Ex.: ausentes" />
                    <FInput label="Aderências cicatriciais" value={f.exameFisico.abdominal.aderencias} onChange={v => set("exameFisico.abdominal.aderencias", v)} placeholder="Ex.: ausentes" />
                    <FInput label="Massa fecal ou gases palpáveis" value={f.exameFisico.abdominal.massaPalpavel} onChange={v => set("exameFisico.abdominal.massaPalpavel", v)} placeholder="Ex.: ausentes" />
                  </div>
                  <div className="subpanel" style={{ marginTop: "var(--sp-5)" }}>
                    <div className="subpanel-title">Avaliação da Diástase Abdominal</div>
                    <div className={"diastasis-grid" + (single ? " single" : "")}>
                      {[["supra", "Supra-umbilical"], ["umbilical", "Umbilical"], ["infra", "Infra-umbilical"]].map(([nivel, label]) => (
                        <fieldset className="diastasis-level" key={nivel}>
                          <legend className="flabel">{label}</legend>
                          <div className="diastasis-fields">
                            <FInput label="Largura (cm)" value={f.exameFisico.abdominal.diastase[nivel].largura} onChange={v => set("exameFisico.abdominal.diastase." + nivel + ".largura", v)} placeholder="Ex.: 3,0" />
                            <FInput label="Profundidade" value={f.exameFisico.abdominal.diastase[nivel].profundidade} onChange={v => set("exameFisico.abdominal.diastase." + nivel + ".profundidade", v)} placeholder="Ex.: moderada" />
                          </div>
                        </fieldset>
                      ))}
                    </div>
                  </div>
                  <div className={"fgrid " + (single ? "c1" : "c2")} style={{ marginTop: "var(--sp-4)" }}>
                    <FSelect label="Funcionalidade da linha alba (ativação do TA)" value={f.exameFisico.abdominal.linhaAlba} onChange={v => set("exameFisico.abdominal.linhaAlba", v)} options={LINHA_ALBA} />
                    <FInput label="Observação" opt value={f.exameFisico.abdominal.linhaAlbaObs} onChange={v => set("exameFisico.abdominal.linhaAlbaObs", v)} placeholder="Ex.: DRA; doming ao esforço" />
                  </div>
                </div>
              </Section>

<Section num="4.4" title="Avaliação Muscular — Palpação e Força (MRC 0–5)">
                <div className="fcard" style={{ padding: 0 }}>
                  <table className="exam-table">
                    <thead><tr><th>Músculo</th><th>Palpação</th><th className="c">Força (0–5)</th></tr></thead>
                    <tbody>
                      {MUSCULOS.map(([codigo, label]) => {
                        const m = f.exameFisico.muscular[codigo] || { palpacao: "", forca: null };
                        return (
                          <tr key={codigo}>
                            <td className="row-name">{label}</td>
                            <td><div className="finput"><input value={m.palpacao} onChange={e => set("exameFisico.muscular." + codigo + ".palpacao", e.target.value)} placeholder="Ex.: tenso / hipotônico" /></div></td>
                            <td className="c"><FSelect value={m.forca === null || m.forca === undefined ? "" : String(m.forca)} onChange={v => set("exameFisico.muscular." + codigo + ".forca", v === "" ? null : Number(v))} options={MRC} /></td>
                          </tr>
                        );
                      })}
                    </tbody>
                  </table>
                </div>
              </Section>

<Section num="4.5" title="Testes Especiais">
                <div className="fcard" style={{ padding: 0 }}>
                  <table className="exam-table">
                    <thead><tr><th>Teste</th><th className="c">Resultado</th><th>Obs</th></tr></thead>
                    <tbody>
                      {TESTES_ESPECIAIS.map(([codigo, label, sempre]) => {
                        const t = f.exameFisico.testesEspeciais[codigo] || { resultado: "", obs: "" };
                        const opcoes = sempre ? RESULTADO_TESTE.filter(([v]) => v !== "naoRealizado") : RESULTADO_TESTE;
                        return (
                          <tr key={codigo}>
                            <td className="row-name">{label}{sempre && <small>Sempre realizada</small>}</td>
                            <td className="c"><FSelect value={t.resultado} onChange={v => set("exameFisico.testesEspeciais." + codigo + ".resultado", v)} options={opcoes} /></td>
                            <td><div className="finput"><input value={t.obs} onChange={e => set("exameFisico.testesEspeciais." + codigo + ".obs", e.target.value)} placeholder="Ex.: encurtamento do iliopsoas" /></div></td>
                          </tr>
                        );
                      })}
                    </tbody>
                  </table>
                </div>
              </Section>

<Section num="4.6" title="Inspeção Vulvoperineal e Anal">
                <div className="fcard" style={{ padding: 0 }}>
                  <table className="exam-table">
                    <thead><tr><th>Item avaliado</th><th className="c">Achado</th></tr></thead>
                    <tbody>
                      {INSPECAO_ITENS.map(([codigo, label, opcoes]) => (
                        <tr key={codigo}>
                          <td className="row-name">{label}</td>
                          <td className="c"><FSelect value={f.exameFisico.inspecao[codigo]} onChange={v => set("exameFisico.inspecao." + codigo, v)} options={opcoes} /></td>
                        </tr>
                      ))}
                    </tbody>
                  </table>
                </div>
              </Section>

<Section num="4.7" title="Reflexos e Sensibilidade">
                <div className="fcard" style={{ padding: 0 }}>
                  <table className="exam-table">
                    <thead><tr><th>Reflexo</th><th className="c">Resultado</th></tr></thead>
                    <tbody>
                      {REFLEXOS_ITENS.map(([codigo, label]) => (
                        <tr key={codigo}>
                          <td className="row-name">{label}</td>
                          <td className="c"><FSelect value={f.exameFisico.reflexos[codigo]} onChange={v => set("exameFisico.reflexos." + codigo, v)} options={REFLEXO_OPTS} /></td>
                        </tr>
                      ))}
                    </tbody>
                  </table>
                  <div className={"fgrid " + (single ? "c1" : "c2")} style={{ padding: "var(--sp-4)" }}>
                    <FInput label="Teste da tosse — resultado" value={f.exameFisico.reflexos.testeTosse} onChange={v => set("exameFisico.reflexos.testeTosse", v)} placeholder="Ex.: perda urinária visível à tosse e à Valsalva (POSITIVO)" />
                    <FInput label="Sensibilidade à palpação externa (adutores, lábios maiores, monte do púbis, glúteos)" value={f.exameFisico.reflexos.sensibilidadeExterna} onChange={v => set("exameFisico.reflexos.sensibilidadeExterna", v)} placeholder="Ex.: normal em todos" />
                  </div>
                </div>
              </Section>

<Section num="4.8" title="Avaliação Perineal Funcional">
                <div className="fcard" style={{ padding: 0 }}>
                  <table className="exam-table">
                    <thead><tr><th>Avaliação</th><th className="c">Resultado</th></tr></thead>
                    <tbody>
                      {PERINEAL_ITENS.map(([codigo, label, opcoes]) => (
                        <tr key={codigo}>
                          <td className="row-name">{label}</td>
                          <td className="c"><FSelect value={f.exameFisico.perinealFuncional[codigo]} onChange={v => set("exameFisico.perinealFuncional." + codigo, v)} options={opcoes} /></td>
                        </tr>
                      ))}
                    </tbody>
                  </table>
                </div>
              </Section>

<Section num="4.9" title="Escala de Oxford Modificada — Tônus e Palpação">
                <div className="fcard">
                  <div>
                    <label className="flabel">Tônus basal dos MAPs (Oxford 0–5)</label>
                    <div className="numscale">
                      {[0, 1, 2, 3, 4, 5].map(n => <button type="button" key={n} className={"numdot" + (f.exameFisico.tonusOxford === n ? " on" : "")} onClick={() => set("exameFisico.tonusOxford", n)}>{n}</button>)}
                    </div>
                    {f.exameFisico.tonusOxford !== null && <div className="scale-caption">{OXFORD_CAP[f.exameFisico.tonusOxford]}</div>}
                  </div>
                  <div className={"fgrid " + (single ? "c1" : "c3")} style={{ marginTop: "var(--sp-4)" }}>
                    <FInput label="Espasmos musculares — superficiais" value={f.exameFisico.espasmosSuperficiais} onChange={v => set("exameFisico.espasmosSuperficiais", v)} placeholder="Ex.: ausentes" />
                    <FInput label="Espasmos musculares — profundos" value={f.exameFisico.espasmosProfundos} onChange={v => set("exameFisico.espasmosProfundos", v)} placeholder="Ex.: ausentes" />
                    <FInput label="Pontos-gatilho (trigger points) — localização" value={f.exameFisico.triggerPoints} onChange={v => set("exameFisico.triggerPoints", v)} placeholder="Ex.: ausentes" />
                  </div>
                  <div style={{ marginTop: "var(--sp-5)" }}>
                    <label className="flabel">Palpação do assoalho pélvico — mapeamento "em relógio"</label>
                    <table className="exam-table">
                      <thead><tr><th>Posição</th><th>Tônus / tensão</th><th>Dor</th></tr></thead>
                      <tbody>
                        {RELOGIO_POSICOES.map(([codigo, label]) => {
                          const p = f.exameFisico.relogio[codigo] || { tonus: "", dor: "" };
                          return (
                            <tr key={codigo}>
                              <td className="row-name">{label}</td>
                              <td><div className="finput"><input value={p.tonus} onChange={e => set("exameFisico.relogio." + codigo + ".tonus", e.target.value)} placeholder="Ex.: hipotônico" /></div></td>
                              <td><div className="finput"><input value={p.dor} onChange={e => set("exameFisico.relogio." + codigo + ".dor", e.target.value)} placeholder="Ex.: ausente" /></div></td>
                            </tr>
                          );
                        })}
                      </tbody>
                    </table>
                  </div>
                </div>
              </Section>
            </div>
          )}

{tab === 6 && (
            <div className="tabpane" role="tabpanel" id="case-panel-perfect" aria-labelledby="case-tab-perfect">
              <Section num={5} title="Esquema PERFECT (Laycock & Jerwood, 2001 | ICS 2021)">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c3")}>
                    <div>
                      <label className="flabel">P — Power: força de contração (Oxford 0–5)</label>
                      <div className="numscale">
                        {[0, 1, 2, 3, 4, 5].map(n => <button type="button" key={n} className={"numdot" + (f.perfect.power === n ? " on" : "")} onClick={() => set("perfect.power", n)}>{n}</button>)}
                      </div>
                      {f.perfect.power !== null && <div className="scale-caption">{OXFORD_CAP[f.perfect.power]}</div>}
                    </div>
                    <div>
                      <label className="flabel">E — Endurance: sustentação da contração máxima</label>
                      <div className="frow"><Stepper value={f.perfect.enduranceSegundos === null ? "" : f.perfect.enduranceSegundos} onChange={v => set("perfect.enduranceSegundos", v === "" ? null : Number(v))} min={0} max={60} /><span className="unit">segundos</span></div>
                    </div>
                    <div>
                      <label className="flabel">R — Repetitions: repetições sustentadas (≥ 50% força)</label>
                      <div className="frow"><Stepper value={f.perfect.repeticoes === null ? "" : f.perfect.repeticoes} onChange={v => set("perfect.repeticoes", v === "" ? null : Number(v))} min={0} max={50} /><span className="unit">rep</span></div>
                    </div>
                    <div>
                      <label className="flabel">F — Fast: contrações rápidas (nº em 1 s)</label>
                      <div className="frow"><Stepper value={f.perfect.fastPorSegundo === null ? "" : f.perfect.fastPorSegundo} onChange={v => set("perfect.fastPorSegundo", v === "" ? null : Number(v))} min={0} max={20} /><span className="unit">/s</span></div>
                    </div>
                    <div>
                      <label className="flabel">E — Elevation: elevação perineal na contração</label>
                      <SegBinary value={f.perfect.elevacao} onChange={v => set("perfect.elevacao", v)} fill />
                    </div>
                    <FSelect label="T — Timing: ativação reflexa à pressão intra-abdominal (tosse)" value={f.perfect.timing} onChange={v => set("perfect.timing", v)} options={TIMING_OPTS} />
                  </div>
                  <div className="lock-note" style={{ marginTop: "var(--sp-4)" }}>
                    <Icon name="info" size={14} className="ico" />
                    <span>Componente <b>C — Co-contraction</b> (co-ativação de glúteos, adutores e abdome) <b>não é reproduzido pelo simulador</b> — deve ser avaliado clinicamente por palpação abdominal simultânea, como indica a ficha.</span>
                  </div>
                </div>
              </Section>

<Section num="5.1" title="Avaliação do Obturador Interno (palpação miofascial complementar)">
                <div className="fcard">
                  <div className={"fgrid " + (single ? "c1" : "c2")}>
                    <FSelect label="Lado direito" value={f.perfect.obturadorDireito} onChange={v => set("perfect.obturadorDireito", v)} options={OBTURADOR_OPTS} />
                    <FSelect label="Lado esquerdo" value={f.perfect.obturadorEsquerdo} onChange={v => set("perfect.obturadorEsquerdo", v)} options={OBTURADOR_OPTS} />
                  </div>
                </div>
              </Section>

<Section num="—" title="Parâmetros do Simulador — Manometria (PERITRON)">
                <div className={issueMessage("data.simulador.manometriaNivel") ? "fcard validation-field invalid" : "fcard validation-field"}>
                  <div className="fhint" style={{ marginTop: -2 }}>Exclusivo do simulador (não consta da ficha). Selecione o nível de força; os valores em cmH₂O são fixos — únicos reproduzidos pelo dispositivo.</div>
                  <div className="mano-grid" aria-invalid={!!issueMessage("data.simulador.manometriaNivel")}>
                    {MANO.map(m => (
                      <button type="button" key={m.n} className={"mano-cell" + (f.simulador.manometriaNivel === m.n ? " on" : "")} onClick={() => set("simulador.manometriaNivel", m.n)}>
                        <div className="lvl">Nível {m.n}</div>
                        <div className="val">{m.v}</div>
                        <div className="uni">cmH₂O</div>
                      </button>
                    ))}
                  </div>
                  {issueMessage("data.simulador.manometriaNivel") && <div className="field-error-message">{issueMessage("data.simulador.manometriaNivel")}</div>}
                </div>
              </Section>
            </div>
          )}

{tab === 7 && (
            <div className="tabpane" role="tabpanel" id="case-panel-diagnostico" aria-labelledby="case-tab-diagnostico">
              <Section num="6.1" title="Classificação da Queixa Principal">
                <div className={issueMessage("data.diagnostico.queixaClassificada") ? "fcard validation-field invalid" : "fcard validation-field"}>
                  <div className="fhint" style={{ marginTop: -2 }}>Classificação do caso (cabeçalho da ficha) — o que o aluno deve identificar a partir da anamnese e do exame.</div>
                  <div className="radios" aria-invalid={!!issueMessage("data.diagnostico.queixaClassificada")}>
                    {QUEIXA_CLASS.map(([v, l]) => <RadioRow key={v} on={f.diagnostico.queixaClassificada === v} onClick={() => set("diagnostico.queixaClassificada", v)}>{l}</RadioRow>)}
                  </div>
                  {issueMessage("data.diagnostico.queixaClassificada") && <div className="field-error-message">{issueMessage("data.diagnostico.queixaClassificada")}</div>}
                </div>
              </Section>

<Section num="6.2" title="Diagnóstico Fisioterapêutico">
                <div className={issueMessage("data.diagnostico.diagnosticoFisioterapeutico") ? "fcard validation-field invalid" : "fcard validation-field"}>
                  <div className="fhint" style={{ marginTop: -2 }}>O diagnóstico deve ser <b>preciso</b> — base para a avaliação automática do aluno (acerto/erro).</div>
                  <textarea className="ftextarea" aria-invalid={!!issueMessage("data.diagnostico.diagnosticoFisioterapeutico")} value={f.diagnostico.diagnosticoFisioterapeutico} onChange={e => set("diagnostico.diagnosticoFisioterapeutico", e.target.value)}
                    placeholder="Ex.: Incontinência urinária de esforço por fraqueza do assoalho pélvico (Oxford 2/5)..." />
                  {issueMessage("data.diagnostico.diagnosticoFisioterapeutico") && <div className="field-error-message">{issueMessage("data.diagnostico.diagnosticoFisioterapeutico")}</div>}
                </div>
              </Section>

<Section num="6.3" title="Prognóstico">
                <div className="fcard">
                  <textarea className="ftextarea" value={f.diagnostico.prognostico} onChange={e => set("diagnostico.prognostico", e.target.value)}
                    placeholder="Ex.: Bom — a IUE responde muito bem ao TMAP como primeira linha." />
                </div>
              </Section>

<Section num="6.4" title="Plano Terapêutico">
                <div className="fcard">
                  <div className="fhint" style={{ marginTop: -2 }}>Os planos podem variar; servem de referência para avaliação interna pela equipe.</div>
                  <div style={{ marginTop: "var(--sp-2)" }}>
                    <label className="flabel">Objetivos terapêuticos</label>
                    <textarea className="ftextarea" value={f.diagnostico.plano.objetivos} onChange={e => set("diagnostico.plano.objetivos", e.target.value)}
                      placeholder="Ex.: fortalecer o assoalho pélvico; adquirir o knack (Timing); reduzir/eliminar os escapes..." />
                  </div>
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <label className="flabel">Recursos e técnicas propostos</label>
                    <textarea className="ftextarea" value={f.diagnostico.plano.recursos} onChange={e => set("diagnostico.plano.recursos", e.target.value)}
                      placeholder="Ex.: TMAP supervisionado com progressão de carga; biofeedback; treino do knack..." />
                  </div>
                  <div style={{ marginTop: "var(--sp-4)" }}>
                    <FInput label="Frequência / duração estimada" value={f.diagnostico.plano.frequenciaDuracao} onChange={v => set("diagnostico.plano.frequenciaDuracao", v)}
                      placeholder="Ex.: 12 semanas — 1 a 2 sessões/semana + treino domiciliar diário" />
                  </div>

<div style={{ marginTop: "var(--sp-5)" }}>
                    <label className="flabel">Contraindicações à eletroestimulação <span className="opt">(regra do simulador)</span></label>
                    <div className="checks">
                      <CheckRow on={ce.implanteMetal} onClick={() => set("diagnostico.contraEletro.implanteMetal", !ce.implanteMetal)}>Implante metálico</CheckRow>
                      <CheckRow on={ce.diuCobrePrata} onClick={() => set("diagnostico.contraEletro.diuCobrePrata", !ce.diuCobrePrata)}>DIU de cobre/prata</CheckRow>
                      <CheckRow on={ce.tvp} onClick={() => set("diagnostico.contraEletro.tvp", !ce.tvp)}>TVP / Trombose</CheckRow>
                      <CheckRow on={ce.marcapasso} onClick={() => set("diagnostico.contraEletro.marcapasso", !ce.marcapasso)}>Marca-passo</CheckRow>
                    </div>
                    {temContra && (
                      <div className="alert-callout">
                        <Icon name="alert" size={16} className="ico" />
                        <span><b>Eletroestimulação contraindicada</b> para este caso. O plano de tratamento não deve incluir eletroestimulação.</span>
                      </div>
                    )}
                  </div>
                </div>
              </Section>
            </div>
          )}

{tab === 8 && (
            <div className="tabpane" role="tabpanel" id="case-panel-notas" aria-labelledby="case-tab-notas">
              <Section num={7} title="Referências / Literatura">
                <div className="fcard">
                  <div className="fhint" style={{ marginTop: -2 }}>Fundamentação para o estudo do caso — base de evidências e artigos para discussão.</div>
                  <textarea className="ftextarea" style={{ minHeight: 160 }} value={f.referencias} onChange={e => set("referencias", e.target.value)}
                    placeholder="Ex.: Dumoulin C, et al. Cochrane Database of Systematic Reviews, 2018 (CD005654.pub4)..." />
                </div>
              </Section>

<Section num="—" title="Anotações Gerais">
                <div className="fcard">
                  <div className="fhint" style={{ marginTop: -2 }}>Observações internas sobre o caso (não exibidas à paciente na simulação).</div>
                  <textarea className="ftextarea" style={{ minHeight: 180 }} value={f.anotacoes} onChange={e => set("anotacoes", e.target.value)}
                    placeholder="Anotações da equipe, pontos de atenção..." />
                </div>
              </Section>
            </div>
          )}

{tab === 9 && (
            <div className="tabpane" role="tabpanel" id="case-panel-falas" aria-labelledby="case-tab-falas">
              <Section num="—" title="Falas da Paciente">
                <FalasPacienteTab caseId={caseId} editavel={!isReadOnly} />
              </Section>
            </div>
          )}
          </fieldset>

<div className="row" style={{ justifyContent: "space-between", gap: "var(--sp-3)", marginTop: "var(--sp-6)", flexWrap: "wrap" }}>
            <div className="row gap2">
              <Btn kind="ghost" icon="chevL" disabled={tab === 0} onClick={() => changeTab(Math.max(0, tab - 1))}>Anterior</Btn>
              <Btn kind="ghost" iconR="chevR" disabled={tab === TABS.length - 1} onClick={() => changeTab(Math.min(TABS.length - 1, tab + 1))}>Próximo</Btn>
            </div>
            <div className="row gap2">
              <Btn kind="ghost" onClick={requestExit} disabled={saving}>{isReadOnly ? "Voltar" : "Cancelar"}</Btn>
              {caseStatus === "draft" && (
                <>
                  <Btn icon="check" disabled={saving} onClick={() => saveDraft(onSave)}>{saving ? "Salvando..." : "Salvar rascunho e fechar"}</Btn>
                  <Btn kind="primary" icon="checkCircle" disabled={saving} onClick={() => preparePublication("publish")}>Publicar caso</Btn>
                  {!isNewCase && <Btn icon="archive" disabled={saving} onClick={() => openLifecycle("archive")}>Arquivar</Btn>}
                </>
              )}
              {isPublished && <>
                <Btn icon="edit" disabled={saving} onClick={() => openLifecycle("unpublish")}>Despublicar</Btn>
                <Btn icon="archive" disabled={saving} onClick={() => openLifecycle("archive")}>Arquivar</Btn>
              </>}
              {isArchived && <Btn kind="primary" icon="restore" disabled={saving} onClick={() => openLifecycle("restore")}>Restaurar</Btn>}
            </div>
          </div>
        </div>
      </div>
      <ConfirmModal open={!!lifecycle} title={lifecycleCopy && lifecycleCopy[0]} confirmLabel={lifecycleCopy && lifecycleCopy[1]} confirmIcon={lifecycleCopy && lifecycleCopy[2]}
        busy={saving} error={lifecycleError} onConfirm={confirmLifecycle} onClose={closeLifecycle}>
        {lifecycleCopy && <p>{lifecycleCopy[3]}</p>}
        {lifecycle && <PublicationWarningList warnings={lifecycle.warnings} />}
      </ConfirmModal>
    </div>
  );
}

function Section({ num, title, children, bare }) {
  return (
    <div className={bare ? "" : "fsection"}>
      <div className="fsection-head">
        <span className="fsection-num">{num}</span>
        <span className="fsection-title">{title}</span>
      </div>
      {children}
    </div>
  );
}

window.PatientForm = PatientForm;