import React, { useState, useEffect, useRef } from 'react';
import { 
  Activity, 
  Brain, 
  ClipboardList, 
  MessageSquare, 
  Timer, 
  LayoutDashboard, 
  Settings, 
  User, 
  Send, 
  RefreshCcw, 
  CheckCircle2, 
  AlertTriangle, 
  GraduationCap,
  ChevronRight,
  Stethoscope,
  ShieldAlert,
  Wind,
  HeartPulse,
  ArrowLeft,
  Mic,
  Users,
  Trash2,
  FileText,
  Award,
  BookOpen,
  BookA,
  Search,
  FileSignature,
  Clock,
  Thermometer,
  Droplets,
  ClipboardCheck,
  Volume2,
  VolumeX,
  Download,
  Dices,
  Scale,
  Ruler,
  Calculator,
  Info,
  Lightbulb,
  Quote,
  PenTool,
  ListChecks,
  Layers,
  PlayCircle,
  X,
  ExternalLink,
  Moon,
  Sun,
  Menu
} from 'lucide-react';

// --- API Helper para Integração com Gemini ---
const apiKey = ""; // A chave é injetada pelo ambiente

async function fetchGeminiWithRetry(prompt, systemInstruction, isJson = false, retries = 3) {
  const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;
  
  const payload = {
    contents: [{ parts: [{ text: prompt }] }],
    systemInstruction: { parts: [{ text: systemInstruction }] },
  };

  if (isJson) {
    payload.generationConfig = {
      responseMimeType: "application/json",
    };
  }

  for (let i = 0; i < retries; i++) {
    try {
      const response = await fetch(url, {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
      });
      
      const data = await response.json();
      if (!response.ok) throw new Error(data.error?.message || 'API Error');
      
      const text = data.candidates?.[0]?.content?.parts?.[0]?.text;
      return isJson ? JSON.parse(text) : text;
    } catch (err) {
      if (i === retries - 1) throw err;
      await new Promise(r => setTimeout(r, Math.pow(2, i) * 1000));
    }
  }
}

// --- Funções para TTS (Text-to-Speech) com IA Gemini ---
async function fetchGeminiTTS(text, voiceName = "Aoede") {
  const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-tts:generateContent?key=${apiKey}`;
  const payload = {
    contents: [{ parts: [{ text }] }],
    generationConfig: {
      responseModalities: ["AUDIO"],
      speechConfig: {
        voiceConfig: {
          prebuiltVoiceConfig: { voiceName }
        }
      }
    }
  };

  const response = await fetch(url, { method: 'POST', body: JSON.stringify(payload) });
  const data = await response.json();
  if (!response.ok) throw new Error(data.error?.message || 'Erro na API TTS');
  
  const inlineData = data.candidates?.[0]?.content?.parts?.[0]?.inlineData;
  if (inlineData) return inlineData;
  throw new Error("Nenhum dado de áudio retornado");
}

function pcmToWav(pcmBase64, sampleRate = 24000) {
  const binaryString = atob(pcmBase64);
  const len = binaryString.length;
  const bytes = new Uint8Array(len);
  for (let i = 0; i < len; i++) bytes[i] = binaryString.charCodeAt(i);

  const buffer = new ArrayBuffer(44 + len);
  const view = new DataView(buffer);

  const writeString = (view, offset, string) => {
    for (let i = 0; i < string.length; i++) view.setUint8(offset + i, string.charCodeAt(i));
  };

  writeString(view, 0, 'RIFF');
  view.setUint32(4, 36 + len, true);
  writeString(view, 8, 'WAVE');
  writeString(view, 12, 'fmt ');
  view.setUint32(16, 16, true);
  view.setUint16(20, 1, true);
  view.setUint16(22, 1, true);
  view.setUint32(24, sampleRate, true);
  view.setUint32(28, sampleRate * 2, true);
  view.setUint16(32, 2, true);
  view.setUint16(34, 16, true);
  writeString(view, 36, 'data');
  view.setUint32(40, len, true);

  const pcmData = new Uint8Array(buffer, 44);
  pcmData.set(bytes);

  return new Blob([buffer], { type: 'audio/wav' });
}

// --- Gerador de PDF Dinâmico ---
const generatePDF = async (htmlContent, filename) => {
  try {
    const container = document.createElement('div');
    container.innerHTML = htmlContent;
    container.style.padding = '20px';
    container.style.fontFamily = 'Helvetica, Arial, sans-serif';
    container.style.color = '#0f172a';
    container.style.backgroundColor = '#ffffff'; // Garante fundo branco no PDF

    if (!window.html2pdf) {
      await new Promise((resolve, reject) => {
        const script = document.createElement('script');
        script.src = 'https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js';
        script.onload = resolve;
        script.onerror = reject;
        document.head.appendChild(script);
      });
    }

    const opt = {
      margin:       15,
      filename:     filename,
      image:        { type: 'jpeg', quality: 0.98 },
      html2canvas:  { scale: 2 },
      jsPDF:        { unit: 'mm', format: 'a4', orientation: 'portrait' }
    };

    await window.html2pdf().set(opt).from(container).save();
  } catch (error) {
    console.error("Erro ao gerar PDF:", error);
    alert("Ocorreu um erro ao gerar o PDF. Tente novamente.");
  }
};

// --- Componentes Compartilhados ---
const Card = ({ children, className = '', onClick }) => (
  <div onClick={onClick} className={`bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 rounded-md ${onClick ? 'cursor-pointer hover:border-slate-400 dark:hover:border-slate-500 transition-colors' : ''} ${className}`}>
    {children}
  </div>
);

const Button = ({ children, onClick, variant = 'primary', className = '', disabled = false, type = 'button' }) => {
  const baseStyle = "px-4 py-2 rounded-md font-medium transition-colors flex items-center justify-center gap-2 disabled:opacity-50 disabled:cursor-not-allowed text-sm";
  const variants = {
    primary: "bg-slate-900 dark:bg-indigo-600 text-white hover:bg-slate-800 dark:hover:bg-indigo-700",
    secondary: "bg-slate-100 dark:bg-slate-700 text-slate-800 dark:text-slate-100 hover:bg-slate-200 dark:hover:bg-slate-600 border border-slate-200 dark:border-slate-600",
    outline: "border border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 hover:bg-slate-50 dark:hover:bg-slate-700",
    danger: "bg-red-50 dark:bg-red-900/30 text-red-700 dark:text-red-400 hover:bg-red-100 dark:hover:bg-red-900/50 border border-red-200 dark:border-red-800",
    medical: "bg-blue-800 dark:bg-blue-600 text-white hover:bg-blue-900 dark:hover:bg-blue-700",
    success: "bg-emerald-600 dark:bg-emerald-500 text-white hover:bg-emerald-700 dark:hover:bg-emerald-600",
  };
  return (
    <button type={type} onClick={onClick} disabled={disabled} className={`${baseStyle} ${variants[variant]} ${className}`}>
      {children}
    </button>
  );
};

// --- Telas Principais ---

// 0. Tela de Boas-Vindas (Landing Page)
const WelcomeScreen = ({ onEnter }) => {
  const [name, setName] = useState('');
  const [quoteIndex, setQuoteIndex] = useState(0);

  const quotes = [
    "A tecnologia fascina, mas é o lado humano que cura.",
    "O paciente não é apenas uma doença, é uma biografia que precisa ser ouvida.",
    "A clínica é soberana, e a base da clínica é a história do paciente.",
    "A boa medicina se faz com ciência, arte e muito humanismo."
  ];

  useEffect(() => {
    const interval = setInterval(() => {
      setQuoteIndex((prev) => (prev + 1) % quotes.length);
    }, 6000);
    return () => clearInterval(interval);
  }, []);

  const handleSubmit = (e) => {
    e.preventDefault();
    if (name.trim()) {
      onEnter(name.trim());
    }
  };

  return (
    <div className="min-h-screen bg-slate-50 dark:bg-slate-950 flex flex-col items-center justify-center p-4 sm:p-6 relative overflow-hidden transition-colors duration-300">
      {/* Elementos Decorativos de Fundo */}
      <div className="absolute top-[-15%] left-[-10%] w-96 h-96 bg-blue-600/20 dark:bg-indigo-600/20 rounded-full blur-3xl pointer-events-none animate-pulse"></div>
      <div className="absolute bottom-[-15%] right-[-10%] w-[30rem] h-[30rem] bg-emerald-500/10 dark:bg-emerald-900/20 rounded-full blur-3xl pointer-events-none animate-pulse" style={{ animationDelay: '2s' }}></div>

      <div className="max-w-4xl w-full relative z-10 animate-in fade-in slide-in-from-bottom-8 duration-700">
         {/* Cartão Principal */}
         <div className="bg-white dark:bg-slate-900 shadow-2xl rounded-2xl md:rounded-[2rem] overflow-hidden border border-slate-200/50 dark:border-slate-800/50 flex flex-col md:flex-row">

            {/* Lado Esquerdo - Branding (Visível apenas em Desktop) */}
            <div className="md:w-5/12 bg-slate-900 dark:bg-slate-950 p-10 flex flex-col items-center justify-center text-center relative overflow-hidden hidden md:flex">
               {/* Fundo dinâmico interno */}
               <div className="absolute inset-0 bg-gradient-to-br from-blue-900/50 to-slate-900 dark:from-indigo-900/40 dark:to-slate-950 z-0"></div>
               <div className="absolute top-0 left-0 w-full h-full opacity-10 bg-[radial-gradient(circle_at_center,_var(--tw-gradient-stops))] from-white to-transparent mix-blend-overlay"></div>
               
               <div className="relative z-10 flex flex-col items-center w-full">
                 <div className="w-24 h-24 bg-white/10 backdrop-blur-xl rounded-3xl flex items-center justify-center mb-8 shadow-[0_0_40px_rgba(59,130,246,0.3)] border border-white/20">
                   <Stethoscope className="w-12 h-12 text-blue-400 dark:text-indigo-400" />
                 </div>
                 <span className="text-[10px] font-black tracking-[0.3em] text-blue-400 dark:text-indigo-400 uppercase mb-4">Plataforma Acadêmica</span>
                 <h2 className="text-3xl font-black text-white leading-tight mb-5">Semiologia<br/>UFRR</h2>
                 <div className="w-12 h-1 bg-blue-500 dark:bg-indigo-500 rounded-full mb-6"></div>
                 <p className="text-slate-300 dark:text-slate-400 text-sm leading-relaxed px-4">
                    Ambiente virtual imersivo para simulação e aprimoramento do raciocínio clínico.
                 </p>
               </div>
            </div>

            {/* Lado Direito - Formulário */}
            <div className="md:w-7/12 p-8 md:p-12 flex flex-col justify-center bg-white dark:bg-slate-900 relative">
               {/* Cabeçalho de Branding para Mobile */}
               <div className="md:hidden flex flex-col items-center mb-10 text-center">
                 <div className="w-20 h-20 bg-slate-900 dark:bg-slate-950 rounded-3xl flex items-center justify-center mb-5 shadow-lg">
                   <Stethoscope className="w-10 h-10 text-blue-400 dark:text-indigo-400" />
                 </div>
                 <span className="text-[10px] font-black tracking-[0.2em] text-blue-600 dark:text-indigo-500 uppercase mb-2">Plataforma Acadêmica</span>
                 <h2 className="text-3xl font-black text-slate-900 dark:text-white leading-tight">Semiologia UFRR</h2>
               </div>

               <div className="mb-10 text-center md:text-left">
                 <h3 className="text-2xl font-bold text-slate-800 dark:text-slate-100 mb-2">Bem-vindo(a)!</h3>
                 <p className="text-sm text-slate-500 dark:text-slate-400">Identifique-se para iniciar a sua sessão de prática.</p>
               </div>

               <form onSubmit={handleSubmit} className="space-y-6">
                 <div className="space-y-2 relative group">
                   <label htmlFor="name" className="text-[11px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 ml-1 transition-colors group-focus-within:text-blue-600 dark:group-focus-within:text-indigo-400">
                     Nome do Acadêmico(a)
                   </label>
                   <div className="relative">
                     <User className="w-5 h-5 absolute left-4 top-1/2 -translate-y-1/2 text-slate-400 dark:text-slate-500 transition-colors group-focus-within:text-blue-600 dark:group-focus-within:text-indigo-400" />
                     <input
                       id="name"
                       type="text"
                       autoFocus
                       className="w-full pl-12 pr-4 py-4 bg-slate-50 dark:bg-slate-950/50 border border-slate-200 dark:border-slate-800 rounded-xl focus:outline-none focus:ring-2 focus:ring-blue-600 dark:focus:ring-indigo-500 focus:border-transparent font-medium text-slate-800 dark:text-slate-100 placeholder:text-slate-400 dark:placeholder:text-slate-600 transition-all text-base"
                       placeholder="Digite o seu nome ou sobrenome..."
                       value={name}
                       onChange={(e) => setName(e.target.value)}
                     />
                   </div>
                 </div>
                 <Button
                   type="submit"
                   disabled={!name.trim()}
                   className="w-full py-4 text-xs uppercase tracking-widest font-bold shadow-lg hover:shadow-xl transition-all rounded-xl bg-blue-600 hover:bg-blue-700 dark:bg-indigo-600 dark:hover:bg-indigo-700 text-white disabled:opacity-50 disabled:shadow-none"
                 >
                   Entrar na Plataforma <ChevronRight className="w-4 h-4 ml-1" />
                 </Button>
               </form>

               {/* Citação Diária */}
               <div className="mt-12 pt-8 border-t border-slate-100 dark:border-slate-800 flex flex-col items-center text-center">
                 <Quote className="w-5 h-5 text-slate-200 dark:text-slate-700 mb-3" />
                 <p key={quoteIndex} className="text-slate-500 dark:text-slate-400 italic text-sm font-serif leading-relaxed animate-in fade-in duration-700 max-w-[280px]">
                   "{quotes[quoteIndex]}"
                 </p>
                 <p className="text-slate-400 dark:text-slate-500 text-[9px] uppercase tracking-widest mt-4 font-bold">
                   — Dr. Celmo Celeno Porto
                 </p>
               </div>
            </div>
         </div>
      </div>
    </div>
  );
};

// 1. Tela Inicial (Hub de Ferramentas)
const Home = ({ setCurrentView, userName }) => (
  <div className="space-y-8 max-w-6xl mx-auto animate-in fade-in duration-500">
    <div className="border-b border-slate-200 dark:border-slate-700 pb-5">
      <h1 className="text-3xl font-bold text-slate-900 dark:text-white tracking-tight">Olá, Acadêmico(a) {userName}!</h1>
      <p className="text-slate-500 dark:text-slate-400 mt-2 text-base">Selecione o módulo de prática semiológica desejado para iniciarmos.</p>
    </div>

    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
      <Card 
        className="p-6 group border-blue-300 dark:border-indigo-800 bg-blue-50/50 dark:bg-indigo-900/10 hover:bg-blue-100/50 dark:hover:bg-indigo-900/20 shadow-sm" 
        onClick={() => setCurrentView('builder')}
      >
        <div className="flex flex-col h-full">
          <div className="flex items-center justify-between mb-4">
            <div className="p-3 bg-blue-600 dark:bg-indigo-600 border border-blue-700 dark:border-indigo-500 rounded text-white transition-colors shadow-sm">
              <PenTool className="w-6 h-6" />
            </div>
            <span className="text-[10px] bg-blue-200 dark:bg-indigo-800/50 text-blue-800 dark:text-indigo-200 px-2 py-1 rounded-sm uppercase tracking-widest font-bold border border-blue-300 dark:border-indigo-700">Passo a Passo</span>
          </div>
          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100 mb-2">Tutor de Anamnese</h3>
          <p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed flex-1">
            Aprenda a construir a história clínica secção por secção (ID, QP, HDA). Receba correções da IA focadas nas regras semiológicas de cada etapa antes de juntar tudo.
          </p>
          <div className="mt-4 flex items-center text-sm font-bold text-blue-800 dark:text-indigo-400 group-hover:text-blue-600 dark:group-hover:text-indigo-300 transition-colors">
            Acessar Tutor <ArrowLeft className="w-4 h-4 ml-2 rotate-180" />
          </div>
        </div>
      </Card>

      <Card 
        className="p-6 group" 
        onClick={() => setCurrentView('analyzer')}
      >
        <div className="flex flex-col h-full">
          <div className="flex items-center justify-between mb-4">
            <div className="p-3 bg-slate-100 dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded text-slate-700 dark:text-slate-300 group-hover:bg-slate-900 dark:group-hover:bg-slate-600 group-hover:text-white transition-colors">
              <FileSignature className="w-6 h-6" />
            </div>
            <span className="text-[10px] bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 px-2 py-1 rounded-sm uppercase tracking-widest font-bold border border-slate-200 dark:border-slate-600">Revisão Global</span>
          </div>
          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100 mb-2">Revisão de Rascunho</h3>
          <p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed flex-1">
            Submeta um rascunho de evolução clínica completo. O sistema avaliará a coerência global, o raciocínio diagnóstico e identificará lacunas metodológicas no texto.
          </p>
          <div className="mt-4 flex items-center text-sm font-bold text-slate-800 dark:text-slate-300 group-hover:text-slate-600 dark:group-hover:text-slate-200 transition-colors">
            Acessar Módulo <ArrowLeft className="w-4 h-4 ml-2 rotate-180" />
          </div>
        </div>
      </Card>
      
      <Card 
        className="p-6 group" 
        onClick={() => setCurrentView('simulator')}
      >
        <div className="flex flex-col h-full">
          <div className="flex items-center justify-between mb-4">
            <div className="p-3 bg-slate-100 dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded text-slate-700 dark:text-slate-300 group-hover:bg-slate-900 dark:group-hover:bg-slate-600 group-hover:text-white transition-colors">
              <User className="w-6 h-6" />
            </div>
            <span className="text-[10px] bg-indigo-100 dark:bg-indigo-900/30 text-indigo-800 dark:text-indigo-300 px-2 py-1 rounded-sm uppercase tracking-widest font-bold border border-indigo-200 dark:border-indigo-800">Simulação</span>
          </div>
          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100 mb-2">Paciente Virtual</h3>
          <p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed flex-1">
            Interrogue doentes simulados em tempo real (texto ou voz) para desenvolver a sua capacidade investigativa e agilidade de raciocínio clínico.
          </p>
          <div className="mt-4 flex items-center text-sm font-bold text-slate-800 dark:text-slate-300 group-hover:text-slate-600 dark:group-hover:text-slate-200 transition-colors">
            Acessar Módulo <ArrowLeft className="w-4 h-4 ml-2 rotate-180" />
          </div>
        </div>
      </Card>

      <Card 
        className="p-6 group" 
        onClick={() => setCurrentView('videos')}
      >
        <div className="flex flex-col h-full">
          <div className="flex items-center justify-between mb-4">
            <div className="p-3 bg-slate-100 dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded text-slate-700 dark:text-slate-300 group-hover:bg-red-600 dark:group-hover:bg-red-700 group-hover:text-white transition-colors">
              <PlayCircle className="w-6 h-6" />
            </div>
            <span className="text-[10px] bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300 px-2 py-1 rounded-sm uppercase tracking-widest font-bold border border-red-200 dark:border-red-800">Aulas Práticas</span>
          </div>
          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100 mb-2">Semio Vídeos</h3>
          <p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed flex-1">
            Acesse as videoaulas demonstrativas de como realizar o exame físico de forma correta e padronizada em cada sistema do corpo.
          </p>
          <div className="mt-4 flex items-center text-sm font-bold text-slate-800 dark:text-slate-300 group-hover:text-red-600 dark:group-hover:text-red-400 transition-colors">
            Acessar Módulo <ArrowLeft className="w-4 h-4 ml-2 rotate-180" />
          </div>
        </div>
      </Card>

      <Card 
        className="p-6 group" 
        onClick={() => setCurrentView('audios')}
      >
        <div className="flex flex-col h-full">
          <div className="flex items-center justify-between mb-4">
            <div className="p-3 bg-slate-100 dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded text-slate-700 dark:text-slate-300 group-hover:bg-teal-600 dark:group-hover:bg-teal-700 group-hover:text-white transition-colors">
              <Volume2 className="w-6 h-6" />
            </div>
            <span className="text-[10px] bg-teal-100 dark:bg-teal-900/30 text-teal-800 dark:text-teal-300 px-2 py-1 rounded-sm uppercase tracking-widest font-bold border border-teal-200 dark:border-teal-800">Biblioteca de Sons</span>
          </div>
          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100 mb-2">Semio Áudios</h3>
          <p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed flex-1">
            Treine a sua audição clínica com os principais sons normais e patológicos das auscultas respiratória e cardiovascular.
          </p>
          <div className="mt-4 flex items-center text-sm font-bold text-slate-800 dark:text-slate-300 group-hover:text-teal-600 dark:group-hover:text-teal-400 transition-colors">
            Acessar Módulo <ArrowLeft className="w-4 h-4 ml-2 rotate-180" />
          </div>
        </div>
      </Card>

      <Card 
        className="p-6 group" 
        onClick={() => setCurrentView('glossary')}
      >
        <div className="flex flex-col h-full">
          <div className="flex items-center justify-between mb-4">
            <div className="p-3 bg-slate-100 dark:bg-slate-700 border border-slate-200 dark:border-slate-600 rounded text-slate-700 dark:text-slate-300 group-hover:bg-amber-600 dark:group-hover:bg-amber-700 group-hover:text-white transition-colors">
              <BookA className="w-6 h-6" />
            </div>
            <span className="text-[10px] bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-300 px-2 py-1 rounded-sm uppercase tracking-widest font-bold border border-amber-200 dark:border-amber-800">Termos Técnicos</span>
          </div>
          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100 mb-2">Glossário Semiológico</h3>
          <p className="text-slate-600 dark:text-slate-400 text-sm leading-relaxed flex-1">
            Consulte rapidamente o dicionário de termos médicos, sinais clássicos e epônimos essenciais para a sua prática clínica.
          </p>
          <div className="mt-4 flex items-center text-sm font-bold text-slate-800 dark:text-slate-300 group-hover:text-amber-600 dark:group-hover:text-amber-400 transition-colors">
            Acessar Glossário <ArrowLeft className="w-4 h-4 ml-2 rotate-180" />
          </div>
        </div>
      </Card>
    </div>
  </div>
);

// 2. Tutor de Anamnese Guiado com Metadados Acadêmicos
const SECTIONS_CONFIG = [
  { id: 'meta', title: 'Dados Acadêmicos', shortTitle: 'Autoria', tip: 'Identificação do aluno e do monitor para o cabeçalho do relatório final.', isMeta: true },
  { id: 'id', title: 'Identificação (ID)', shortTitle: 'Identificação', tip: 'Nome, idade, sexo/género, cor/etnia, estado civil, profissão, naturalidade, procedência e religião. Estes dados têm importância epidemiológica e criam vínculo.', videoUrl: 'https://drive.google.com/file/d/1497AxXnsL0sBUefoZ1hbuZ4JPkJmYbwd/view?usp=sharing' },
  { id: 'qp', title: 'Queixa Principal (QP)', shortTitle: 'Queixa Principal', tip: 'O sintoma que motivou a consulta e a duração exata. Seja muito breve e, se possível, utilize as palavras do doente entre aspas.', videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'hda', title: 'História da Doença Atual (HDA)', shortTitle: 'História da Doença Atual', tip: 'Início cronológico, características do sintoma (PQRST: Provocação, Qualidade, Região/Irradiação, Severidade, Tempo), fatores de melhora/piora e sintomas associados.', videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'is', title: 'Revisão de Sistemas (IS)', shortTitle: 'Revisão de Sistemas', tip: 'Interrogatório sintomatológico. Faça um rastreio rápido de sintomas noutros sistemas corporais que não foram abordados na HDA.', videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'hpp', title: 'História Patol. Pregressa (HPP)', shortTitle: 'Hist. Patológica Pregressa', tip: 'Doenças crónicas de infância/adulto, cirurgias prévias, traumatismos, transfusões, alergias e medicações de uso contínuo.', videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'hf', title: 'História Familiar (HF)', shortTitle: 'História Familiar', tip: 'Estado de saúde de pais e irmãos (ou causa de óbito). Foco em doenças hereditárias ou crónicas na família (Cancro, HAS, DM).', videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'hs', title: 'História Social (HS)', shortTitle: 'História Social', tip: 'Condições de habitação, saneamento, alimentação, atividade física, tabagismo (carga), etilismo, uso de drogas e sono.', videoUrl: 'COLOQUE_SEU_LINK_AQUI' }
];

const AnamnesisBuilder = ({ userName }) => {
  const [activeSection, setActiveSection] = useState(SECTIONS_CONFIG[0].id);
  const [formData, setFormData] = useState({ meta_student: userName || '', meta_monitor: '' });
  const [feedbacks, setFeedbacks] = useState({});
  const [isAnalyzing, setIsAnalyzing] = useState(false);
  const [showFinalDoc, setShowFinalDoc] = useState(false);
  const [copied, setCopied] = useState(false);
  const [isDownloadingPdf, setIsDownloadingPdf] = useState(false);

  const handleInputChange = (e) => {
    setFormData({ ...formData, [activeSection]: e.target.value });
  };

  const evaluateSection = async () => {
    const currentText = formData[activeSection];
    if (!currentText || !currentText.trim()) return;

    setIsAnalyzing(true);
    const sectionInfo = SECTIONS_CONFIG.find(s => s.id === activeSection);

    const prompt = `É um rigoroso professor de semiologia médica. O aluno está a treinar a construção de uma anamnese, passo a passo.
    Avalie ESTRITAMENTE a secção: ${sectionInfo.title}.
    Texto do aluno para esta secção: "${currentText}"
    
    A regra semiológica clássica para esta secção exige: ${sectionInfo.tip}
    
    Verifique detalhadamente se o aluno abordou os pontos necessários APENAS para esta secção.
    Retorne um JSON:
    {
      "status": "excelente" | "incompleto" | "inadequado",
      "feedback": "O seu comentário construtivo direto aos erros/acertos.",
      "faltou": ["Lista de 1 a 3 itens obrigatórios que o aluno esqueceu (ex: 'Não perguntou sobre alergias'). Deixe vazio se não faltar nada crítico."]
    }`;

    try {
      const result = await fetchGeminiWithRetry(prompt, "Seja um tutor acadêmico de semiologia focado na metodologia.", true);
      setFeedbacks({ ...feedbacks, [activeSection]: result });
    } catch (e) {
      alert("Erro ao avaliar a secção. Tente novamente.");
    } finally {
      setIsAnalyzing(false);
    }
  };

  const generateFinalDocument = () => {
    let doc = "======================================================\n";
    doc += "                 ANÁLISE DE ANAMNESE                  \n";
    doc += "======================================================\n";
    doc += `ACADÊMICO(A): ${formData.meta_student || 'Não informado'}\n`;
    doc += `MONITOR(A):   ${formData.meta_monitor || 'Não informado'}\n`;
    doc += `DATA:         ${new Date().toLocaleDateString('pt-BR')}\n`;
    doc += "======================================================\n\n";

    SECTIONS_CONFIG.forEach(sec => {
      if (!sec.isMeta && formData[sec.id] && formData[sec.id].trim()) {
        doc += `[ ${sec.title.toUpperCase()} ]\n`;
        doc += `${formData[sec.id]}\n`;

        if (feedbacks[sec.id]) {
          const fb = feedbacks[sec.id];
          doc += `\n   >> AVALIAÇÃO DO MONITOR (${fb.status.toUpperCase()}):\n`;
          doc += `      ${fb.feedback}\n`;
          if (fb.faltou && fb.faltou.length > 0) {
            doc += `      [Pendências identificadas:]\n`;
            fb.faltou.forEach(item => {
              doc += `      - ${item}\n`;
            });
          }
        }
        doc += `\n------------------------------------------------------\n\n`;
      }
    });
    return doc;
  };

  const handleCopyFinal = () => {
    navigator.clipboard.writeText(generateFinalDocument());
    setCopied(true);
    setTimeout(() => setCopied(false), 2000);
  };

  const handleDownloadPdf = async () => {
    setIsDownloadingPdf(true);
    
    let html = `
      <div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1e293b; max-width: 800px; margin: 0 auto; padding: 20px;">
        
        <!-- Cabeçalho Oficial Elegante -->
        <table style="width: 100%; border-bottom: 2px solid #0f172a; padding-bottom: 15px; margin-bottom: 25px; border-collapse: collapse;">
          <tr>
            <td style="vertical-align: bottom;">
              <h1 style="margin: 0; font-size: 26px; font-weight: 900; color: #0f172a; text-transform: uppercase; letter-spacing: -0.5px;">Análise de Anamnese</h1>
              <p style="margin: 4px 0 0 0; font-size: 11px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Avaliação Semiológica Guiada</p>
            </td>
          </tr>
        </table>
        
        <!-- Metadados em Grid Clássico -->
        <table style="width: 100%; border-collapse: collapse; margin-bottom: 40px; background-color: #f8fafc; font-size: 12px;">
          <tr>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 40%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Acadêmico(a)</span>
              <strong style="font-size: 14px; color: #0f172a;">${formData.meta_student || 'Não informado'}</strong>
            </td>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 40%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Monitor(a)</span>
              <strong style="font-size: 14px; color: #0f172a;">${formData.meta_monitor || 'Não informado'}</strong>
            </td>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 20%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Data</span>
              <strong style="font-size: 14px; color: #0f172a;">${new Date().toLocaleDateString('pt-BR')}</strong>
            </td>
          </tr>
        </table>
    `;

    SECTIONS_CONFIG.forEach(sec => {
      if (!sec.isMeta && formData[sec.id] && formData[sec.id].trim()) {
        html += `
          <div style="margin-bottom: 30px; page-break-inside: avoid;">
            <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 1px;">
              ${sec.title}
            </h3>
            
            <div style="font-size: 13px; color: #1e293b; line-height: 1.6; white-space: pre-wrap; text-align: justify; padding-left: 2px;">
              ${formData[sec.id]}
            </div>
        `;

        if (feedbacks[sec.id]) {
          const fb = feedbacks[sec.id];
          const statusColor = fb.status === 'excelente' ? '#059669' : fb.status === 'incompleto' ? '#d97706' : '#dc2626';
          const borderColor = fb.status === 'excelente' ? '#34d399' : fb.status === 'incompleto' ? '#fbbf24' : '#f87171';
          const iconMark = fb.status === 'excelente' ? '✓' : fb.status === 'incompleto' ? '⚠' : '✕';

          html += `
            <div style="margin-top: 14px; background-color: #f1f5f9; border-left: 3px solid ${borderColor}; padding: 12px 16px;">
              <strong style="color: ${statusColor}; text-transform: uppercase; font-size: 10px; font-weight: 800; letter-spacing: 0.5px; display: block; margin-bottom: 6px;">
                ${iconMark} Avaliação do Monitor - ${fb.status}
              </strong>
              <span style="color: #334155; font-size: 12px; line-height: 1.5; display: block;">${fb.feedback}</span>
          `;

          if (fb.faltou && fb.faltou.length > 0) {
             html += `
              <div style="margin-top: 10px; padding-top: 10px; border-top: 1px dotted #cbd5e1;">
                <strong style="color: #b91c1c; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; display: block; margin-bottom: 4px;">Pendências Identificadas:</strong>
                <ul style="margin: 0; padding-left: 18px; color: #b91c1c; font-size: 11px; line-height: 1.5;">
                  ${fb.faltou.map(f => `<li style="margin-bottom: 2px;">${f}</li>`).join('')}
                </ul>
              </div>
             `;
          }
          html += `</div>`;
        }
        
        html += `</div>`;
      }
    });

    html += `
      </div>
    `;

    await generatePDF(html, 'analise_anamnese_ufrr.pdf');
    setIsDownloadingPdf(false);
  };

  const activeSectionInfo = SECTIONS_CONFIG.find(s => s.id === activeSection);
  const currentFeedback = feedbacks[activeSection];

  if (showFinalDoc) {
    return (
      <div className="h-full flex flex-col max-w-4xl mx-auto animate-in fade-in">
        <div className="mb-6 border-b border-slate-200 dark:border-slate-700 pb-4 flex justify-between items-center">
          <div>
            <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100 tracking-tight flex items-center gap-2">
              <Layers className="w-6 h-6 text-slate-700 dark:text-slate-300" /> Análise de Anamnese
            </h1>
            <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">O seu texto com os comentários do tutor para correção e estudo.</p>
          </div>
          <Button variant="outline" onClick={() => setShowFinalDoc(false)}>
            <ArrowLeft className="w-4 h-4" /> Voltar ao Editor
          </Button>
        </div>
        
        <Card className="flex-1 flex flex-col overflow-hidden shadow-md">
          <div className="bg-slate-50 dark:bg-slate-900 border-b border-slate-200 dark:border-slate-700 px-6 py-4 flex justify-between items-center shrink-0">
            <span className="text-xs font-bold text-slate-600 dark:text-slate-300 uppercase tracking-widest flex items-center gap-2">
              <FileText className="w-4 h-4"/> Visualização do Documento
            </span>
            <div className="flex items-center gap-2">
              <Button variant="outline" onClick={handleCopyFinal} className="py-1.5 text-xs">
                {copied ? <><ClipboardCheck className="w-4 h-4 text-emerald-600 dark:text-emerald-400" /> Copiado</> : 'Copiar Texto'}
              </Button>
              <Button variant="primary" onClick={handleDownloadPdf} disabled={isDownloadingPdf} className="py-1.5 text-xs disabled:opacity-50">
                {isDownloadingPdf ? <RefreshCcw className="w-4 h-4 animate-spin" /> : <Download className="w-4 h-4" />}
                Baixar PDF Oficial
              </Button>
            </div>
          </div>
          
          <div className="p-8 lg:px-16 overflow-y-auto bg-white dark:bg-slate-800 flex-1 custom-scrollbar">
            
            {/* Cabeçalho Acadêmico Estilo Documento Oficial */}
            <div className="border-b-2 border-slate-800 dark:border-slate-600 pb-4 mb-8 flex justify-between items-end">
              <div>
                <h2 className="text-2xl font-black text-slate-900 dark:text-slate-100 uppercase tracking-tight">Análise de Anamnese</h2>
                <p className="text-xs font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest mt-1">Avaliação Semiológica Guiada</p>
              </div>
            </div>

            {/* Metadados Estilo Tabela */}
            <div className="grid grid-cols-1 md:grid-cols-3 gap-0 border border-slate-200 dark:border-slate-600 bg-slate-50 dark:bg-slate-700 rounded mb-10 text-sm">
              <div className="p-4 md:border-r border-slate-200 dark:border-slate-600">
                <span className="block text-[10px] font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest mb-1">Acadêmico(a)</span>
                <strong className="text-slate-900 dark:text-slate-100">{formData.meta_student || 'Não informado'}</strong>
              </div>
              <div className="p-4 md:border-r border-slate-200 dark:border-slate-600 border-t md:border-t-0">
                <span className="block text-[10px] font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest mb-1">Monitor(a)</span>
                <strong className="text-slate-900 dark:text-slate-100">{formData.meta_monitor || 'Não informado'}</strong>
              </div>
              <div className="p-4 border-t md:border-t-0 border-slate-200 dark:border-slate-600">
                <span className="block text-[10px] font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest mb-1">Data</span>
                <strong className="text-slate-900 dark:text-slate-100">{new Date().toLocaleDateString('pt-BR')}</strong>
              </div>
            </div>

            {/* Renderização das Seções */}
            {SECTIONS_CONFIG.map(sec => {
              if (sec.isMeta || !formData[sec.id] || !formData[sec.id].trim()) return null;
              const fb = feedbacks[sec.id];
              
              return (
                <div key={sec.id} className="mb-8 last:mb-0">
                  <h3 className="text-xs font-bold text-slate-600 dark:text-slate-400 uppercase tracking-widest border-b border-slate-200 dark:border-slate-700 pb-1 mb-3">
                    {sec.title}
                  </h3>
                  <div className="text-sm text-slate-900 dark:text-slate-200 whitespace-pre-wrap leading-relaxed text-justify">
                    {formData[sec.id]}
                  </div>
                  
                  {fb && (
                    <div className="mt-4 bg-slate-50 dark:bg-slate-900/50 border-l-4 p-4 rounded-r-md text-sm" style={{ borderLeftColor: fb.status === 'excelente' ? '#34d399' : fb.status === 'incompleto' ? '#fbbf24' : '#f87171' }}>
                      <div className="flex items-center gap-2 mb-2">
                        {fb.status === 'excelente' && <CheckCircle2 className="w-4 h-4 text-emerald-600 dark:text-emerald-500" />}
                        {fb.status === 'incompleto' && <AlertTriangle className="w-4 h-4 text-amber-600 dark:text-amber-500" />}
                        {fb.status === 'inadequado' && <ShieldAlert className="w-4 h-4 text-red-600 dark:text-red-500" />}
                        <span className={`text-[10px] font-bold uppercase tracking-widest ${fb.status === 'excelente' ? 'text-emerald-700 dark:text-emerald-400' : fb.status === 'incompleto' ? 'text-amber-700 dark:text-amber-400' : 'text-red-700 dark:text-red-400'}`}>
                          Avaliação do Monitor ({fb.status})
                        </span>
                      </div>
                      <p className="text-slate-700 dark:text-slate-300 leading-relaxed">{fb.feedback}</p>
                      
                      {fb.faltou && fb.faltou.length > 0 && (
                        <div className="mt-3 pt-3 border-t border-slate-200 dark:border-slate-700 border-dashed">
                          <span className="text-[10px] font-bold text-red-700 dark:text-red-400 uppercase tracking-widest mb-1.5 block">
                             Pendências Identificadas:
                          </span>
                          <ul className="space-y-1">
                            {fb.faltou.map((item, idx) => (
                              <li key={idx} className="text-xs text-red-700 dark:text-red-400 flex items-start gap-2">
                                <span className="font-bold">•</span> <span className="leading-tight">{item}</span>
                              </li>
                            ))}
                          </ul>
                        </div>
                      )}
                    </div>
                  )}
                </div>
              );
            })}
          </div>
        </Card>
      </div>
    );
  }

  return (
    <div className="h-full flex flex-col max-w-6xl mx-auto animate-in fade-in duration-300">
      <div className="mb-6 border-b border-slate-200 dark:border-slate-700 pb-4 flex justify-between items-end">
        <div>
          <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100 tracking-tight flex items-center gap-2">
            <PenTool className="w-6 h-6 text-blue-600 dark:text-indigo-400" /> Tutor de Anamnese
          </h1>
          <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Aprenda a construir a metodologia clínica secção por secção.</p>
        </div>
        <Button 
          variant="success" 
          onClick={() => setShowFinalDoc(true)}
          className="shadow-sm"
        >
          <Layers className="w-4 h-4" /> Compilar Documento Final
        </Button>
      </div>

      <div className="flex flex-col lg:flex-row gap-6 flex-1 min-h-0">
        {/* Menu Lateral de Seções */}
        <div className="lg:w-64 flex flex-col gap-2 shrink-0 overflow-y-auto pr-2 custom-scrollbar">
          {SECTIONS_CONFIG.map(section => {
            const hasData = formData[section.id] && formData[section.id].trim().length > 0;
            const status = feedbacks[section.id]?.status;
            
            let statusColor = "text-slate-300 dark:text-slate-600";
            if (section.isMeta) {
               const hasStudent = formData.meta_student?.trim().length > 0;
               const hasMonitor = formData.meta_monitor?.trim().length > 0;
               if (hasStudent && hasMonitor) statusColor = "text-emerald-500";
               else if (hasStudent || hasMonitor) statusColor = "text-amber-500";
            } else {
               if (status === 'excelente') statusColor = "text-emerald-500";
               else if (status === 'incompleto') statusColor = "text-amber-500";
               else if (status === 'inadequado') statusColor = "text-red-500";
               else if (hasData) statusColor = "text-blue-400 dark:text-indigo-400";
            }

            return (
              <button
                key={section.id}
                onClick={() => setActiveSection(section.id)}
                className={`text-left px-4 py-3 rounded-md transition-all border ${
                  activeSection === section.id 
                    ? 'bg-slate-900 dark:bg-indigo-600 text-white border-slate-900 dark:border-indigo-500 shadow-md' 
                    : 'bg-white dark:bg-slate-800 text-slate-600 dark:text-slate-300 border-slate-200 dark:border-slate-700 hover:border-slate-400 dark:hover:border-slate-500 hover:bg-slate-50 dark:hover:bg-slate-700'
                } flex items-center justify-between group`}
              >
                <span className="text-xs font-bold uppercase tracking-widest">{section.shortTitle}</span>
                <CheckCircle2 className={`w-4 h-4 ${statusColor}`} />
              </button>
            );
          })}
          
          <div className="mt-4 p-4 bg-blue-50 dark:bg-indigo-900/20 border border-blue-100 dark:border-indigo-800/30 rounded-md">
            <h4 className="text-[10px] font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest mb-2 flex items-center gap-1">
               <Info className="w-3 h-3" /> Como Usar
            </h4>
            <p className="text-xs text-blue-900/80 dark:text-indigo-200/80 leading-relaxed">
              Preencha os seus dados de autoria e, de seguida, redija uma secção de cada vez. Peça à IA para avaliar se esqueceu algum elemento antes de avançar.
            </p>
          </div>
        </div>

        {/* Área de Edição Central */}
        <div className="flex-1 flex flex-col min-h-[400px]">
          <Card className="flex-1 flex flex-col shadow-sm overflow-hidden">
            <div className="bg-slate-50 dark:bg-slate-900 border-b border-slate-200 dark:border-slate-700 px-6 py-4 flex items-center justify-between shrink-0">
              <h2 className="font-bold text-slate-800 dark:text-slate-100 text-lg flex items-center gap-2">
                {activeSectionInfo.title}
              </h2>
            </div>
            
            <div className="bg-indigo-50/60 dark:bg-indigo-900/20 px-6 py-4 border-b border-indigo-100 dark:border-indigo-800/30 shrink-0 flex gap-3 items-start">
               <Lightbulb className="w-5 h-5 text-indigo-500 dark:text-indigo-400 shrink-0 mt-0.5" />
               <div className="space-y-1 w-full">
                 <div className="flex flex-wrap items-center justify-between gap-2">
                   <p className="text-[10px] font-bold text-indigo-800 dark:text-indigo-300 uppercase tracking-widest">O que documentar aqui?</p>
                   {!activeSectionInfo.isMeta && (
                     <a 
                       href={activeSectionInfo.videoUrl !== 'COLOQUE_SEU_LINK_AQUI' ? activeSectionInfo.videoUrl : '#'} 
                       target="_blank" 
                       rel="noopener noreferrer"
                       onClick={(e) => {
                         if (activeSectionInfo.videoUrl === 'COLOQUE_SEU_LINK_AQUI') {
                           e.preventDefault();
                           alert('O link do Drive para esta videoaula será adicionado em breve!');
                         }
                       }}
                       className="inline-flex items-center gap-2 text-xs font-bold text-white bg-indigo-600 hover:bg-indigo-700 hover:scale-105 px-4 py-2 rounded-md shadow-md transition-all uppercase tracking-widest cursor-pointer border-none"
                     >
                       <PlayCircle className="w-4 h-4" />
                       Assistir Videoaula
                     </a>
                   )}
                 </div>
                 <p className="text-sm text-indigo-900 dark:text-indigo-200 leading-relaxed font-medium mt-1">
                   {activeSectionInfo.tip}
                 </p>
               </div>
            </div>

            {activeSectionInfo.isMeta ? (
              <div className="flex-1 p-8 relative bg-white dark:bg-slate-800 space-y-6">
                <div>
                  <label className="text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-2">Nome do Aluno(a)</label>
                  <input 
                    type="text" 
                    placeholder="Seu nome completo..."
                    className="w-full p-3 bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded-md focus:ring-2 focus:ring-blue-800 dark:focus:ring-indigo-500 focus:outline-none text-slate-800 dark:text-slate-100 placeholder:text-slate-400 dark:placeholder:text-slate-500"
                    value={formData.meta_student || ''}
                    onChange={(e) => setFormData({...formData, meta_student: e.target.value})}
                  />
                </div>
                <div>
                  <label className="text-xs font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-2">Monitor(a)</label>
                  <input 
                    type="text" 
                    placeholder="Nome do avaliador que receberá este documento..."
                    className="w-full p-3 bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded-md focus:ring-2 focus:ring-blue-800 dark:focus:ring-indigo-500 focus:outline-none text-slate-800 dark:text-slate-100 placeholder:text-slate-400 dark:placeholder:text-slate-500"
                    value={formData.meta_monitor || ''}
                    onChange={(e) => setFormData({...formData, meta_monitor: e.target.value})}
                  />
                </div>
              </div>
            ) : (
              <div className="flex-1 p-0 relative bg-white dark:bg-slate-800">
                <textarea
                  className="w-full h-full resize-none p-6 bg-transparent focus:outline-none focus:ring-inset focus:ring-2 focus:ring-blue-100 dark:focus:ring-indigo-900 text-slate-800 dark:text-slate-100 leading-relaxed placeholder:text-slate-300 dark:placeholder:text-slate-500 custom-scrollbar"
                  placeholder={`Redija a secção de ${activeSectionInfo.title} aqui...`}
                  value={formData[activeSection] || ''}
                  onChange={handleInputChange}
                ></textarea>
              </div>
            )}

            {!activeSectionInfo.isMeta && (
              <div className="p-4 bg-slate-50 dark:bg-slate-900 border-t border-slate-200 dark:border-slate-700 shrink-0 flex justify-end">
                 <Button 
                   onClick={evaluateSection} 
                   disabled={isAnalyzing || !(formData[activeSection] && formData[activeSection].trim())}
                   variant="medical"
                   className="px-6 shadow-sm"
                 >
                   {isAnalyzing ? <RefreshCcw className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
                   Avaliar Estrutura ({activeSectionInfo.id.toUpperCase()})
                 </Button>
              </div>
            )}
          </Card>
        </div>

        {/* Área de Feedback Lateral */}
        <div className="lg:w-80 flex flex-col gap-4 shrink-0 overflow-y-auto pb-4 custom-scrollbar">
          {activeSectionInfo.isMeta ? (
            <div className="h-full border border-dashed border-slate-300 dark:border-slate-700 rounded-md bg-slate-50 dark:bg-slate-800/50 flex flex-col items-center justify-center p-8 text-center text-slate-400 dark:text-slate-500">
              <User className="w-10 h-10 mb-3 text-slate-300 dark:text-slate-600" />
              <p className="text-sm font-medium">Dados de Autoria</p>
              <p className="text-xs mt-2">Estes dados serão incluídos no cabeçalho do PDF final para que o seu monitor possa identificar a sua atividade.</p>
            </div>
          ) : (
            <>
              {!currentFeedback && !isAnalyzing && (
                <div className="h-full border border-dashed border-slate-300 dark:border-slate-700 rounded-md bg-slate-50 dark:bg-slate-800/50 flex flex-col items-center justify-center p-8 text-center text-slate-400 dark:text-slate-500">
                  <ListChecks className="w-10 h-10 mb-3 text-slate-300 dark:text-slate-600" />
                  <p className="text-sm font-medium">Sem avaliação</p>
                  <p className="text-xs mt-2">Escreva o texto e solicite a análise para verificar se omitiu detalhes semiológicos.</p>
                </div>
              )}

              {isAnalyzing && (
                <div className="h-full border border-slate-200 dark:border-slate-700 rounded-md bg-white dark:bg-slate-800 flex flex-col items-center justify-center p-8 shadow-sm">
                  <div className="w-8 h-8 border-2 border-blue-100 dark:border-slate-600 border-t-blue-600 dark:border-t-indigo-500 rounded-full animate-spin mb-4"></div>
                  <p className="text-xs font-bold text-blue-800 dark:text-indigo-400 uppercase tracking-widest animate-pulse">A Avaliar Secção...</p>
                </div>
              )}

              {currentFeedback && !isAnalyzing && (
                <div className="animate-in fade-in slide-in-from-right-4 duration-300 space-y-4">
                  <Card className={`p-5 border-l-4 ${currentFeedback.status === 'excelente' ? 'border-l-emerald-500 bg-emerald-50/30 dark:bg-emerald-900/20' : currentFeedback.status === 'incompleto' ? 'border-l-amber-500 bg-amber-50/30 dark:bg-amber-900/20' : 'border-l-red-500 bg-red-50/30 dark:bg-red-900/20'}`}>
                    <div className="flex items-center gap-2 mb-3">
                      {currentFeedback.status === 'excelente' && <CheckCircle2 className="w-5 h-5 text-emerald-600 dark:text-emerald-500" />}
                      {currentFeedback.status === 'incompleto' && <AlertTriangle className="w-5 h-5 text-amber-600 dark:text-amber-500" />}
                      {currentFeedback.status === 'inadequado' && <ShieldAlert className="w-5 h-5 text-red-600 dark:text-red-500" />}
                      <span className="text-xs font-bold uppercase tracking-widest text-slate-700 dark:text-slate-300">
                        Status: <span className={currentFeedback.status === 'excelente' ? 'text-emerald-700 dark:text-emerald-400' : currentFeedback.status === 'incompleto' ? 'text-amber-700 dark:text-amber-400' : 'text-red-700 dark:text-red-400'}>{currentFeedback.status}</span>
                      </span>
                    </div>
                    <p className="text-sm text-slate-800 dark:text-slate-200 leading-relaxed font-medium">
                      {currentFeedback.feedback}
                    </p>
                  </Card>

                  {currentFeedback.faltou && currentFeedback.faltou.length > 0 && (
                    <Card className="p-5 border border-red-200 dark:border-red-800 bg-white dark:bg-slate-800">
                      <h4 className="text-[10px] font-bold text-red-800 dark:text-red-400 uppercase tracking-widest mb-3 flex items-center gap-2">
                        <AlertTriangle className="w-4 h-4" /> Elementos Omitidos
                      </h4>
                      <ul className="space-y-3">
                        {currentFeedback.faltou.map((item, i) => (
                          <li key={i} className="text-xs text-slate-700 dark:text-slate-300 flex items-start gap-2 bg-red-50/50 dark:bg-red-900/20 p-2 rounded">
                            <span className="text-red-500 dark:text-red-400 font-bold mt-0.5">✕</span>
                            <span className="leading-relaxed">{item}</span>
                          </li>
                        ))}
                      </ul>
                    </Card>
                  )}
                </div>
              )}
            </>
          )}
        </div>
      </div>
      <style dangerouslySetInnerHTML={{__html: `
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 10px; }
        .dark .custom-scrollbar::-webkit-scrollbar-thumb { background-color: #475569; }
      `}} />
    </div>
  );
};

// 3. Analisador de Anamnese (CORE FEATURE - REVISÃO GLOBAL)
const AnamnesisAnalyzer = ({ userName }) => {
  const [text, setText] = useState('');
  const [isAnalyzing, setIsAnalyzing] = useState(false);
  const [result, setResult] = useState(null);
  const [mode, setMode] = useState('normal');
  const [copied, setCopied] = useState(false);
  const [isDownloadingPdf, setIsDownloadingPdf] = useState(false);

  const handleCopy = (textToCopy) => {
    navigator.clipboard.writeText(textToCopy);
    setCopied(true);
    setTimeout(() => setCopied(false), 2000);
  };

  const handleDownload = async () => {
    if (!result) return;
    setIsDownloadingPdf(true);
    
    const statusColor = result.nota >= 8 ? '#059669' : result.nota >= 5 ? '#d97706' : '#dc2626';
    
    const html = `
      <div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1e293b; max-width: 800px; margin: 0 auto; padding: 20px;">
        
        <!-- Cabeçalho Oficial Elegante -->
        <table style="width: 100%; border-bottom: 2px solid #0f172a; padding-bottom: 15px; margin-bottom: 25px; border-collapse: collapse;">
          <tr>
            <td style="vertical-align: bottom;">
              <h1 style="margin: 0; font-size: 26px; font-weight: 900; color: #0f172a; text-transform: uppercase; letter-spacing: -0.5px;">Revisão de Anamnese</h1>
              <p style="margin: 4px 0 0 0; font-size: 11px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Validação Global de Rascunho</p>
            </td>
          </tr>
        </table>
        
        <!-- Metadados em Grid Clássico -->
        <table style="width: 100%; border-collapse: collapse; margin-bottom: 40px; background-color: #f8fafc; font-size: 12px;">
          <tr>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 40%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Acadêmico(a)</span>
              <strong style="font-size: 14px; color: #0f172a;">${userName || 'Não informado'}</strong>
            </td>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 30%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Data da Revisão</span>
              <strong style="font-size: 14px; color: #0f172a;">${new Date().toLocaleDateString('pt-BR')}</strong>
            </td>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 30%; text-align: center; background-color: ${result.nota >= 8 ? '#ecfdf5' : result.nota >= 5 ? '#fffbeb' : '#fef2f2'};">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Score Geral</span>
              <strong style="font-size: 18px; color: ${statusColor};">${result.nota} <span style="font-size: 12px; font-weight: normal; color: #64748b;">/ 10</span></strong>
            </td>
          </tr>
        </table>

        <!-- Parecer -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 1px;">Parecer do Monitor</h3>
          <div style="font-size: 13px; color: #1e293b; line-height: 1.6; white-space: pre-wrap; text-align: justify; padding-left: 2px;">${result.feedbackGeral}</div>
        </div>

        <!-- Hipóteses Diagnósticas -->
        ${result.hipotesesDiagnosticas && result.hipotesesDiagnosticas.length > 0 ? `
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 1px;">Hipóteses Diagnósticas</h3>
          <ul style="margin: 0; padding-left: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            ${result.hipotesesDiagnosticas.map(h => `<li style="margin-bottom: 4px;"><strong>${h}</strong></li>`).join('')}
          </ul>
        </div>
        ` : ''}

        <!-- Registros Adequados -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #059669; border-bottom: 1px solid #a7f3d0; padding-bottom: 4px; letter-spacing: 1px;">Registros Adequados</h3>
          <ul style="margin: 0; padding-left: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            ${result.pontosFortes?.length > 0 ? result.pontosFortes.map(p => `<li style="margin-bottom: 4px;">${p}</li>`).join('') : '<li style="color: #64748b; font-style: italic;">Nenhum registro destacado.</li>'}
          </ul>
        </div>

        <!-- Omissões e Falhas -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #dc2626; border-bottom: 1px solid #fecaca; padding-bottom: 4px; letter-spacing: 1px;">Omissões e Falhas</h3>
          <ul style="margin: 0; padding-left: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            ${result.lacunas?.length > 0 ? result.lacunas.map(l => `<li style="margin-bottom: 4px;">${l}</li>`).join('') : '<li style="color: #64748b; font-style: italic;">Nenhuma omissão identificada.</li>'}
          </ul>
        </div>

        <!-- Evolução Padrão-Ouro -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 1px;">Evolução Padrão-Ouro (Referência)</h3>
          <div style="background-color: #f8fafc; border: 1px solid #e2e8f0; padding: 15px; border-radius: 6px; font-family: monospace; font-size: 12px; line-height: 1.6; white-space: pre-wrap; color: #334155;">${result.versaoIdeal}</div>
        </div>

      </div>
    `;

    await generatePDF(html, 'revisao_anamnese_ufrr.pdf');
    setIsDownloadingPdf(false);
  };

  const handleAnalyze = async () => {
    if (!text.trim()) return;
    setIsAnalyzing(true);
    setResult(null);

    const systemPrompt = `Você é o professor Carlos Medeiros, avaliador exigente de semiologia da UFRR.
    Seu objetivo é analisar anamneses de alunos de medicina de forma técnica, objetiva e formal.
    O aluno selecionou o modo: ${mode === 'rigoroso' ? 'RIGOR DE RESIDÊNCIA (Análise crítica estrita, apontando qualquer deslize de nomenclatura ou falta de aprofundamento investigativo)' : 'PADRÃO (Correção acadêmica formal e didática)'}.
    
    Analise o texto fornecido e retorne ESTRITAMENTE um objeto JSON com a seguinte estrutura:
    {
      "nota": numero decimal de 0 a 10 (ex: 8.5),
      "feedbackGeral": "Texto com sua avaliação técnica e formal da evolução",
      "hipotesesDiagnosticas": ["Lista de 1 a 3 possíveis diagnósticos baseados nos dados fornecidos"],
      "lacunas": ["Lista técnica de informações clínicas ausentes ou semiologia incompleta"],
      "pontosFortes": ["Lista de abordagens corretas e dados bem descritos na anamnese"],
      "textoMarcado": "O EXATO texto original que o aluno enviou. Você DEVE envolver as palavras, frases incorretas, coloquialismos ou trechos confusos com a tag HTML <mark>. Não corrija o texto aqui, apenas aplique a tag <mark> ao redor dos erros para destacá-los.",
      "versaoIdeal": "Uma reescrita estritamente profissional, organizada em tópicos (ID, QP, HDA, IS, AP, AF, AV) utilizando nomenclatura médica padrão."
    }`;

    try {
      const data = await fetchGeminiWithRetry(text, systemPrompt, true);
      setResult(data);
    } catch (error) {
      console.error("Erro na análise:", error);
      alert("Erro ao processar a avaliação. Tente novamente.");
    } finally {
      setIsAnalyzing(false);
    }
  };

  const handleClear = () => {
    setText('');
    setResult(null);
  };

  return (
    <div className="h-full flex flex-col max-w-6xl mx-auto animate-in fade-in duration-300">
      <div className="mb-6 flex flex-col md:flex-row md:items-end justify-between gap-4 border-b border-slate-200 dark:border-slate-700 pb-4">
        <div>
          <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100 tracking-tight flex items-center gap-2">
            Revisão Geral de Anamnese
          </h1>
          <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Insira o documento clínico completo para validação estrutural global.</p>
        </div>
        
        <div className="flex bg-slate-100 dark:bg-slate-800 p-1 rounded-md border border-slate-200 dark:border-slate-700">
          <button 
            className={`px-4 py-1.5 rounded-sm text-xs font-bold uppercase tracking-widest transition-all ${mode === 'normal' ? 'bg-white dark:bg-slate-700 text-slate-900 dark:text-white shadow-sm border border-slate-200 dark:border-slate-600' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300'}`}
            onClick={() => setMode('normal')}
          >
            Avaliação Padrão
          </button>
          <button 
            className={`px-4 py-1.5 rounded-sm text-xs font-bold uppercase tracking-widest transition-all ${mode === 'rigoroso' ? 'bg-slate-900 dark:bg-indigo-600 text-white shadow-sm' : 'text-slate-500 dark:text-slate-400 hover:text-slate-700 dark:hover:text-slate-300'}`}
            onClick={() => setMode('rigoroso')}
          >
            Rigor Técnico
          </button>
        </div>
      </div>

      <div className="grid grid-cols-1 lg:grid-cols-2 gap-6 flex-1 min-h-0">
        <div className="flex flex-col border border-slate-300 dark:border-slate-700 rounded-md bg-white dark:bg-slate-800 h-full shadow-sm">
          <div className="px-4 py-3 border-b border-slate-200 dark:border-slate-700 flex justify-between items-center bg-slate-50 dark:bg-slate-900 shrink-0 rounded-t-md">
            <span className="text-xs font-bold text-slate-600 dark:text-slate-300 uppercase tracking-widest flex items-center gap-2">
              <FileText className="w-4 h-4"/> Entrada de Dados
            </span>
            {text && (
              <button onClick={handleClear} className="text-slate-400 hover:text-slate-700 dark:hover:text-slate-200 transition-colors" title="Limpar formulário">
                <Trash2 className="w-4 h-4" />
              </button>
            )}
          </div>
          <div className="flex-1 p-0 relative bg-white dark:bg-slate-800 min-h-[300px] lg:min-h-0">
            <textarea
              className="w-full h-full p-4 bg-transparent resize-none focus:outline-none focus:ring-1 focus:ring-blue-800 dark:focus:ring-indigo-500 text-slate-800 dark:text-slate-100 leading-relaxed text-sm placeholder:text-slate-400 dark:placeholder:text-slate-500 custom-scrollbar"
              placeholder="Descreva a evolução do paciente...&#10;&#10;Ex: Paciente JAS, 45 anos, masc.&#10;QP: Dor torácica há 2 dias.&#10;HDA: Relata dor em aperto retroesternal..."
              value={text}
              onChange={(e) => setText(e.target.value)}
            ></textarea>
          </div>
          <div className="p-3 border-t border-slate-200 dark:border-slate-700 bg-slate-50 dark:bg-slate-900 shrink-0 rounded-b-md">
            <Button variant="primary" className="w-full py-2.5 uppercase tracking-widest text-xs" onClick={handleAnalyze} disabled={isAnalyzing || !text.trim()}>
              {isAnalyzing ? <RefreshCcw className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
              {isAnalyzing ? 'Processando...' : 'Executar Análise Global'}
            </Button>
          </div>
        </div>

        <div className="flex flex-col gap-4 overflow-y-auto pr-1 pb-8 custom-scrollbar">
          {!result && !isAnalyzing && (
            <div className="h-full flex flex-col items-center justify-center text-slate-400 dark:text-slate-500 border border-dashed border-slate-300 dark:border-slate-700 rounded-md bg-slate-50 dark:bg-slate-800/50 p-10 text-center">
              <Search className="w-8 h-8 text-slate-300 dark:text-slate-600 mb-4" />
              <h3 className="font-medium text-slate-600 dark:text-slate-400 mb-1">Módulo Inativo</h3>
              <p className="text-xs max-w-xs mx-auto">Aguardando inserção de dados completos para avaliação do raciocínio clínico.</p>
            </div>
          )}

          {isAnalyzing && (
            <div className="h-full flex flex-col items-center justify-center space-y-4">
              <div className="w-8 h-8 border-2 border-slate-200 dark:border-slate-600 border-t-slate-800 dark:border-t-indigo-500 rounded-full animate-spin"></div>
              <p className="text-slate-600 dark:text-slate-400 text-sm font-medium tracking-wide uppercase">A analisar parâmetros clínicos globais...</p>
            </div>
          )}

          {result && (
            <div className="animate-in fade-in duration-300 space-y-4">
              <div className="border border-slate-300 dark:border-slate-700 rounded-md overflow-hidden bg-white dark:bg-slate-800 shadow-sm flex flex-col md:flex-row relative">
                <button onClick={handleDownload} disabled={isDownloadingPdf} className="absolute top-2 right-2 text-slate-400 hover:text-blue-600 dark:hover:text-indigo-400 bg-white/80 dark:bg-slate-800/80 p-2 rounded-full transition-colors z-10 disabled:opacity-50" title="Baixar Relatório em PDF">
                  {isDownloadingPdf ? <RefreshCcw className="w-5 h-5 animate-spin" /> : <Download className="w-5 h-5" />}
                </button>
                <div className={`p-6 md:w-1/3 flex flex-col items-center justify-center border-b md:border-b-0 md:border-r border-slate-200 dark:border-slate-700 ${result.nota >= 8 ? 'bg-emerald-50 dark:bg-emerald-900/20' : result.nota >= 5 ? 'bg-amber-50 dark:bg-amber-900/20' : 'bg-red-50 dark:bg-red-900/20'}`}>
                  <span className={`text-[10px] font-bold uppercase tracking-widest mb-2 ${result.nota >= 8 ? 'text-emerald-600 dark:text-emerald-500' : result.nota >= 5 ? 'text-amber-600 dark:text-amber-500' : 'text-red-600 dark:text-red-500'}`}>
                    Classificação Final
                  </span>
                  <div className={`text-6xl font-black tracking-tighter ${result.nota >= 8 ? 'text-emerald-700 dark:text-emerald-400' : result.nota >= 5 ? 'text-amber-700 dark:text-amber-400' : 'text-red-700 dark:text-red-400'}`}>
                    {result.nota}
                  </div>
                  <span className={`text-xs font-medium mt-1 ${result.nota >= 8 ? 'text-emerald-600/70 dark:text-emerald-500/70' : result.nota >= 5 ? 'text-amber-600/70 dark:text-amber-500/70' : 'text-red-600/70 dark:text-red-500/70'}`}>
                    em 10 pontos
                  </span>
                </div>
                
                <div className="p-6 md:w-2/3 bg-white dark:bg-slate-800 flex flex-col justify-center">
                  <span className="text-xs font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest mb-3 flex items-center gap-2">
                    <Award className="w-4 h-4 text-slate-500" /> Parecer do Monitor
                  </span>
                  <p className="text-sm text-slate-800 dark:text-slate-200 leading-relaxed font-medium">
                    {result.feedbackGeral}
                  </p>
                </div>
              </div>

              {result.hipotesesDiagnosticas && result.hipotesesDiagnosticas.length > 0 && (
                <div className="border border-blue-200 dark:border-indigo-800 rounded-md bg-blue-50/50 dark:bg-indigo-900/20 shadow-sm overflow-hidden">
                  <div className="bg-blue-100/50 dark:bg-indigo-900/40 border-b border-blue-200 dark:border-indigo-800 px-4 py-2">
                    <span className="text-xs font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest flex items-center gap-2">
                      <Brain className="w-4 h-4 text-blue-600 dark:text-indigo-400"/> Hipóteses Diagnósticas Levantadas
                    </span>
                  </div>
                  <div className="p-4">
                    <div className="flex flex-wrap gap-2">
                      {result.hipotesesDiagnosticas.map((hipotese, i) => (
                        <span key={i} className="px-3 py-1.5 bg-white dark:bg-indigo-950 border border-blue-200 dark:border-indigo-700 text-blue-800 dark:text-indigo-200 text-xs font-bold rounded-md shadow-sm">
                          {hipotese}
                        </span>
                      ))}
                    </div>
                  </div>
                </div>
              )}

              <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div className="border border-emerald-200 dark:border-emerald-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden">
                  <div className="bg-emerald-50 dark:bg-emerald-900/30 border-b border-emerald-200 dark:border-emerald-800 px-4 py-2">
                    <span className="text-xs font-bold text-emerald-800 dark:text-emerald-400 uppercase tracking-widest flex items-center gap-2">
                      <CheckCircle2 className="w-4 h-4 text-emerald-600 dark:text-emerald-500"/> Registros Adequados
                    </span>
                  </div>
                  <ul className="p-4 space-y-3">
                    {result.pontosFortes?.map((item, i) => (
                      <li key={i} className="flex items-start gap-3 text-xs text-slate-700 dark:text-slate-300 bg-emerald-50/30 dark:bg-emerald-900/20 p-2 rounded border border-emerald-50 dark:border-emerald-800/50">
                        <span className="text-emerald-500 dark:text-emerald-400 font-bold mt-0.5">✓</span>
                        <span className="leading-relaxed">{item}</span>
                      </li>
                    ))}
                    {(!result.pontosFortes || result.pontosFortes.length === 0) && (
                      <p className="text-xs text-slate-500 dark:text-slate-400 italic p-2">Nenhum acerto metodológico identificado.</p>
                    )}
                  </ul>
                </div>

                <div className="border border-red-200 dark:border-red-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden">
                  <div className="bg-red-50 dark:bg-red-900/30 border-b border-red-200 dark:border-red-800 px-4 py-2">
                    <span className="text-xs font-bold text-red-800 dark:text-red-400 uppercase tracking-widest flex items-center gap-2">
                      <AlertTriangle className="w-4 h-4 text-red-600 dark:text-red-500"/> Omissões / Falhas
                    </span>
                  </div>
                  <ul className="p-4 space-y-3">
                    {result.lacunas?.map((item, i) => (
                      <li key={i} className="flex items-start gap-3 text-xs text-slate-700 dark:text-slate-300 bg-red-50/30 dark:bg-red-900/20 p-2 rounded border border-red-50 dark:border-red-800/50">
                        <span className="text-red-500 dark:text-red-400 font-bold mt-0.5">✕</span>
                        <span className="leading-relaxed">{item}</span>
                      </li>
                    ))}
                    {(!result.lacunas || result.lacunas.length === 0) && (
                      <p className="text-xs text-slate-500 dark:text-slate-400 italic p-2">Nenhuma omissão estrutural identificada.</p>
                    )}
                  </ul>
                </div>
              </div>

              {result.textoMarcado && (
                <div className="border border-red-300 dark:border-red-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden mt-6">
                  <div className="bg-red-50 dark:bg-red-900/40 border-b border-red-200 dark:border-red-800 px-4 py-3 flex items-center gap-2">
                    <Search className="w-4 h-4 text-red-600 dark:text-red-400"/>
                    <span className="text-xs font-bold text-red-800 dark:text-red-300 uppercase tracking-widest">Revisão do seu Rascunho</span>
                  </div>
                  <div className="p-5 bg-white dark:bg-slate-800">
                    <p className="text-xs text-slate-500 dark:text-slate-400 mb-4 font-medium">
                      Os trechos grifados indicam coloquialismos, erros de nomenclatura médica ou descrições incompletas que impactaram a sua nota:
                    </p>
                    <div 
                      className="text-sm text-slate-700 dark:text-slate-300 whitespace-pre-wrap leading-loose font-mono bg-slate-50 dark:bg-slate-900/50 p-5 border border-slate-200 dark:border-slate-700 rounded-md custom-marked-text shadow-inner"
                      dangerouslySetInnerHTML={{ __html: result.textoMarcado }}
                    ></div>
                  </div>
                </div>
              )}

              <div className="border border-slate-800 dark:border-slate-600 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden mt-6">
                <div className="bg-slate-900 text-white px-4 py-3 flex justify-between items-center">
                  <span className="text-xs font-bold uppercase tracking-widest flex items-center gap-2">
                    <BookOpen className="w-4 h-4"/> Evolução Padrão-Ouro (Referência)
                  </span>
                  <button 
                    onClick={() => handleCopy(result.versaoIdeal)}
                    className="text-xs bg-slate-800 hover:bg-slate-700 border border-slate-700 px-3 py-1.5 rounded transition-colors flex items-center gap-2"
                  >
                    {copied ? <><ClipboardCheck className="w-3 h-3 text-emerald-400" /> COPIADO</> : 'COPIAR'}
                  </button>
                </div>
                <div className="p-5 bg-white dark:bg-slate-800">
                  <div className="text-xs text-slate-800 dark:text-slate-200 whitespace-pre-wrap font-mono leading-relaxed max-w-none">
                    {result.versaoIdeal}
                  </div>
                </div>
              </div>
            </div>
          )}
        </div>
      </div>
      <style dangerouslySetInnerHTML={{__html: `
        .custom-marked-text mark {
          background-color: #fee2e2;
          color: #991b1b;
          padding: 0.15rem 0.3rem;
          border-radius: 0.25rem;
          text-decoration: underline wavy #ef4444;
          font-weight: 600;
          box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        }
        .dark .custom-marked-text mark {
          background-color: #7f1d1d;
          color: #fecaca;
          text-decoration-color: #f87171;
        }
      `}} />
    </div>
  );
};

// 4. Simulador de Paciente
const CLINICAL_MODULES = [
  {
    id: 'cabeca_pescoco',
    title: 'Cabeça e Pescoço',
    icon: Brain,
    cases: [
      { id: 'cp1', patient: 'A.C., 28 anos', level: 'Nível I', theme: 'Cefaleia', intro: 'Paciente entra na sala relatando incômodo visual e dor de cabeça.', vitals: { pa: '110/70', fc: 78, fr: 14, temp: 36.8, sat: 99, peso: 65, altura: 1.68 }, systemPrompt: 'PERFIL: Ana Clara, 28 anos, publicitária. QUEIXA: Dor de cabeça forte há 1 dia. DIAGNÓSTICO SIMULADO: Enxaqueca com aura. SINTOMAS: Dor latejante unilateral (direita), fotofobia, fonofobia, náuseas. Teve "luzes piscantes" antes da dor. REGRAS: Responda de forma natural, como paciente. Revele sintomas aos poucos.' },
      { id: 'cp2', patient: 'J.M., 65 anos', level: 'Nível II', theme: 'Tontura', intro: 'Paciente caminha de forma instável até a cadeira.', vitals: { pa: '130/80', fc: 82, fr: 16, temp: 36.5, sat: 98, peso: 78, altura: 1.72 }, systemPrompt: 'PERFIL: João, 65 anos, contador aposentado. QUEIXA: Tontura há 3 dias. DIAGNÓSTICO SIMULADO: Vertigem Posicional Paroxística Benigna (VPPB). SINTOMAS: Tontura rotatória (tudo gira) que dura segundos e piora muito ao virar a cabeça na cama ou olhar para cima. Traz náusea, mas não vomitou. Sem zumbido. REGRAS: Relate medo de cair.' },
      { id: 'cp3', patient: 'T.S., 55 anos', level: 'Nível III', theme: 'Massa Cervical', intro: 'Paciente aparenta agitação motora fina e sudorese.', vitals: { pa: '140/85', fc: 115, fr: 20, temp: 37.8, sat: 98, peso: 52, altura: 1.60 }, systemPrompt: 'PERFIL: Teresa, 55 anos, costureira. QUEIXA: Caroço no pescoço e coração acelerado. DIAGNÓSTICO SIMULADO: Hipertireoidismo (Doença de Graves). SINTOMAS: Notou bócio há 2 meses. Tem sentido palpitações, intolerância ao calor, tremores e perda de peso. Exoftalmia leve. REGRAS: Fale rápido e pareça ansiosa.' },
      { id: 'cp6', patient: 'L.B., 19 anos', level: 'Nível I', theme: 'Dor de Garganta', intro: 'Paciente com dificuldade para engolir saliva, segurando o pescoço.', vitals: { pa: '110/70', fc: 95, fr: 16, temp: 38.5, sat: 98, peso: 60, altura: 1.65 }, systemPrompt: 'PERFIL: Letícia, 19 anos, estudante. QUEIXA: Dor de garganta forte há 2 dias. DIAGNÓSTICO SIMULADO: Amigdalite Bacteriana. SINTOMAS: Odinofagia intensa, febre alta (chegou a 39ºC), astenia. Gânglios dolorosos no pescoço. REGRAS: Fale baixo e com pausas, demonstrando dor ao engolir.' },
      { id: 'cp7', patient: 'R.V., 68 anos', level: 'Nível III', theme: 'Dor Ocular', intro: 'Paciente com a mão sobre o olho direito, gemendo de dor e evitando a luz.', vitals: { pa: '160/95', fc: 110, fr: 20, temp: 36.8, sat: 99, peso: 75, altura: 1.70 }, systemPrompt: 'PERFIL: Roberto, 68 anos. QUEIXA: Dor no olho direito que começou de repente e visão embaçada. DIAGNÓSTICO SIMULADO: Glaucoma Agudo de Ângulo Fechado. SINTOMAS: Dor ocular excruciante que irradia para a cabeça, náuseas e vômitos. Vê halos coloridos ao redor das luzes. REGRAS: Demonstre muita dor e incômodo com a claridade da sala.' },
      { id: 'cp8', patient: 'M.F., 45 anos', level: 'Nível II', theme: 'Cansaço e Ganho de Peso', intro: 'Paciente entra com movimentos lentos, agasalhada mesmo com clima ameno.', vitals: { pa: '100/65', fc: 58, fr: 14, temp: 36.1, sat: 98, peso: 85, altura: 1.62 }, systemPrompt: 'PERFIL: Marta, 45 anos. QUEIXA: Cansaço extremo, sono excessivo e ganho de peso inexplicável. DIAGNÓSTICO SIMULADO: Hipotireoidismo. SINTOMAS: Intolerância ao frio, intestino preso crônico, pele seca, queda de cabelo e unhas fracas. Ganhou 8kg no último ano sem mudar a dieta. REGRAS: Responda de forma um pouco lenta e letárgica.' },
      { id: 'cp4', patient: 'F.R., 34 anos', level: 'Nível I', theme: 'Dor Facial', intro: 'Paciente com voz anasalada, fungando muito e levando a mão ao rosto.', vitals: { pa: '115/75', fc: 88, fr: 18, temp: 38.1, sat: 98, peso: 72, altura: 1.70 }, systemPrompt: 'PERFIL: Fernando, 34 anos. QUEIXA: Dor no rosto e nariz entupido. DIAGNÓSTICO SIMULADO: Rinossinusite Aguda. SINTOMAS: Dor intensa na região maxilar e frontal, que piora ao abaixar a cabeça. Secreção nasal amarelada e tosse à noite. Refere ter tido um "resfriado forte" há 1 semana. REGRAS: Fale como se estivesse com o nariz entupido.' },
      { id: 'cp5', patient: 'S.P., 42 anos', level: 'Nível II', theme: 'Assimetria Facial', intro: 'Paciente entra na sala extremamente assustada, com o canto da boca repuxado.', vitals: { pa: '130/85', fc: 95, fr: 18, temp: 36.6, sat: 98, peso: 65, altura: 1.65 }, systemPrompt: 'PERFIL: Silvia, 42 anos, professora. QUEIXA: Boca torta e olho que não fecha. DIAGNÓSTICO SIMULADO: Paralisia Facial Periférica (Bell). SINTOMAS: Notou hoje de manhã ao escovar os dentes. O olho direito não fecha completamente (lacrimejando) e a boca desvia para a esquerda ao sorrir. Perdeu o paladar na ponta da língua. Força e sensibilidade nos braços e pernas estão normais. REGRAS: Demonstre muito desespero, perguntando se está tendo um AVC.' },
      { id: 'cp9', patient: 'R.F., 24 anos', level: 'Nível III', theme: 'Caroço no Pescoço Crônico', intro: 'Paciente jovem, magro, pálido, esfregando o braço devido a coceira.', vitals: { pa: '110/70', fc: 88, fr: 16, temp: 37.9, sat: 99, peso: 62, altura: 1.78 }, systemPrompt: 'PERFIL: Renato, 24 anos, estudante. QUEIXA: Caroço no pescoço que não dói e não some há 2 meses. DIAGNÓSTICO SIMULADO: Linfoma de Hodgkin. SINTOMAS: Nódulo supraclavicular endurecido e indolor. Refere febre baixa ondulante (Febre de Pel-Ebstein), sudorese noturna que encharca a roupa, perda de 5kg recente e muita coceira no corpo (prurido). Relate que os nódulos doem incrivelmente quando bebe álcool (sinal clássico). REGRAS: Demonstre cansaço e incômodo com a coceira.' },
      { id: 'cp10', patient: 'M.P., 21 anos', level: 'Nível I', theme: 'Dor de Ouvido Forte', intro: 'Paciente senta com a mão pressionando a orelha esquerda, expressão de choro.', vitals: { pa: '120/75', fc: 105, fr: 18, temp: 38.8, sat: 98, peso: 68, altura: 1.70 }, systemPrompt: 'PERFIL: Mariana, 21 anos. QUEIXA: Dor insuportável no ouvido e febre. DIAGNÓSTICO SIMULADO: Otite Média Aguda. SINTOMAS: Dor latejante (otalgia) à esquerda que piora ao deitar. Sensação de ouvido tampado e perda leve da audição. Teve um quadro de resfriado forte com muita coriza que começou há 5 dias. REGRAS: Fale um pouco mais alto porque está com dificuldade de escutar de um lado.' }
    ]
  },
  {
    id: 'abdominal',
    title: 'Abdome',
    icon: Activity,
    cases: [
      { id: 'abd0', patient: 'P.H., 20 anos', level: 'Nível I', theme: 'Diarreia', intro: 'Paciente apresenta fácies de cansaço e postura antálgica.', vitals: { pa: '100/60', fc: 105, fr: 18, temp: 37.5, sat: 98, peso: 70, altura: 1.75 }, systemPrompt: 'PERFIL: Pedro, 20 anos, estudante. QUEIXA: Diarreia há 2 dias. DIAGNÓSTICO SIMULADO: Gastroenterite Aguda. SINTOMAS: Cólica abdominal difusa, seguida de evacuação líquida. Alimentação suspeita na rua. Calafrios, sem febre alta. REGRAS: Pareça desidratado.' },
      { id: 'abd1', patient: 'J.A., 45 anos', level: 'Nível II', theme: 'Dor Epigástrica', intro: 'Paciente pressiona a região epigástrica com a mão.', vitals: { pa: '125/80', fc: 88, fr: 16, temp: 36.6, sat: 98, peso: 85, altura: 1.70 }, systemPrompt: 'PERFIL: José, 45 anos, motorista. QUEIXA: Queimação gástrica há 2 meses. DIAGNÓSTICO SIMULADO: Úlcera Péptica. SINTOMAS: Dor epigástrica em queimação, piora em jejum, melhora logo após comer. Desperta à noite. Tabagista. REGRAS: Seja claro sobre relação dor/alimentação se questionado.' },
      { id: 'abd2', patient: 'P.F., 32 anos', level: 'Nível III', theme: 'Abdome Agudo', intro: 'Paciente relata dor intensa à movimentação.', vitals: { pa: '115/75', fc: 95, fr: 18, temp: 38.2, sat: 98, peso: 62, altura: 1.65 }, systemPrompt: 'PERFIL: Paula, 32 anos, professora. QUEIXA: Dor abdominal de início ontem. DIAGNÓSTICO SIMULADO: Apendicite Aguda. SINTOMAS: Dor periumbilical que migrou para a fossa ilíaca direita. Anorexia, náusea e febre baixa (37.8). REGRAS: Responda com frases curtas devido à dor.' },
      { id: 'abd5', patient: 'D.C., 52 anos', level: 'Nível II', theme: 'Dor em Faixa', intro: 'Paciente encurvado para frente na cadeira, expressando muita dor.', vitals: { pa: '110/70', fc: 115, fr: 22, temp: 37.8, sat: 97, peso: 82, altura: 1.74 }, systemPrompt: 'PERFIL: Diego, 52 anos, vendedor. QUEIXA: Dor insuportável no "estômago" que vai para as costas. DIAGNÓSTICO SIMULADO: Pancreatite Aguda. SINTOMAS: Dor na região epigástrica que irradia em faixa para o dorso. Início há 12 horas após um churrasco com muita bebida alcoólica. Teve vários episódios de vômitos que não aliviam a dor. REGRAS: Relate que a única posição que alivia um pouco é ficar curvado para frente.' },
      { id: 'abd6', patient: 'C.S., 28 anos', level: 'Nível II', theme: 'Olhos Amarelados', intro: 'Paciente apresenta escleras amareladas visíveis e relata cansaço intenso.', vitals: { pa: '115/75', fc: 80, fr: 16, temp: 37.2, sat: 99, peso: 65, altura: 1.68 }, systemPrompt: 'PERFIL: Camila, 28 anos. QUEIXA: Pele e olhos amarelados. DIAGNÓSTICO SIMULADO: Hepatite Viral Aguda. SINTOMAS: Icterícia iniciou há 3 dias. Antes disso teve muita moleza, febre baixa e dor no corpo. Notou que a urina está escura (cor de coca-cola) e as fezes muito claras. REGRAS: Reclame de falta de apetite e repulsa a cigarro/comida.' },
      { id: 'abd7', patient: 'H.L., 40 anos', level: 'Nível I', theme: 'Queimação no Peito', intro: 'Paciente relata pigarro frequente e desconforto retroesternal.', vitals: { pa: '125/80', fc: 78, fr: 16, temp: 36.5, sat: 98, peso: 90, altura: 1.70 }, systemPrompt: 'PERFIL: Hugo, 40 anos. QUEIXA: Azia e sensação de que a comida volta. DIAGNÓSTICO SIMULADO: Doença do Refluxo Gastroesofágico (DRGE). SINTOMAS: Pirose retroesternal que piora após comer muito ou deitar. Tosse seca à noite. Sente um gosto azedo na boca de manhã. REGRAS: Comente que o problema piorou depois que ganhou 10kg.' },
      { id: 'abd3', patient: 'R.M., 48 anos', level: 'Nível II', theme: 'Dor em Hipocôndrio', intro: 'Paciente gemente, protegendo o lado direito da barriga e com náusea visível.', vitals: { pa: '135/85', fc: 102, fr: 20, temp: 38.3, sat: 97, peso: 88, altura: 1.62 }, systemPrompt: 'PERFIL: Rita, 48 anos, cozinheira. QUEIXA: Dor forte na barriga que começou após um almoço gorduroso. DIAGNÓSTICO SIMULADO: Colecistite Aguda. SINTOMAS: Dor tipo cólica contínua no lado direito superior (hipocôndrio direito) que irradia para as costas/escápula. Teve vômitos biliosos. Febre começou hoje cedo. REGRAS: Reclame que respirar fundo piora a dor na barriga (Sinal de Murphy).' },
      { id: 'abd4', patient: 'C.B., 38 anos', level: 'Nível III', theme: 'Dor Lombar Aguda', intro: 'Paciente muito inquieto, não consegue ficar sentado, andando de um lado pro outro.', vitals: { pa: '150/95', fc: 110, fr: 22, temp: 37.0, sat: 99, peso: 80, altura: 1.78 }, systemPrompt: 'PERFIL: Carlos, 38 anos, marceneiro. QUEIXA: "A pior dor da minha vida nas costas". DIAGNÓSTICO SIMULADO: Cólica Nefrética (Litíase Renal). SINTOMAS: Dor fortíssima em flanco/região lombar esquerda que irradia para a virilha e testículo. Início súbito. Não tem nenhuma posição que traga alívio. Urina ficou meio avermelhada hoje de manhã. REGRAS: Pareça não conseguir parar quieto pela dor.' },
      { id: 'abd8', patient: 'L.M., 27 anos', level: 'Nível III', theme: 'Diarreia Crônica com Sangue', intro: 'Paciente bastante emagrecida, pálida, sentada encolhida protegendo a barriga.', vitals: { pa: '100/60', fc: 105, fr: 18, temp: 37.8, sat: 99, peso: 50, altura: 1.65 }, systemPrompt: 'PERFIL: Letícia, 27 anos, arquiteta. QUEIXA: Diarreia há meses que piorou e agora tem sangue. DIAGNÓSTICO SIMULADO: Doença de Crohn (Doença Inflamatória Intestinal). SINTOMAS: Diarreia crônica (4-6x por dia), cólicas abdominais fortes (principalmente fossa ilíaca direita), febre baixa intermitente e perda de 7kg. Tem notado aftas dolorosas na boca com frequência. REGRAS: Mostre-se exausta e abatida com a longa duração dos sintomas.' },
      { id: 'abd9', patient: 'S.O., 60 anos', level: 'Nível II', theme: 'Barriga Inchada e Vômitos', intro: 'Paciente chega em cadeira de rodas, com abdome globoso muito distendido e copo para cuspir.', vitals: { pa: '110/65', fc: 115, fr: 24, temp: 37.1, sat: 97, peso: 75, altura: 1.68 }, systemPrompt: 'PERFIL: Sérgio, 60 anos, mecânico aposentado. QUEIXA: A barriga estufou, não consegue ir ao banheiro e não para de vomitar. DIAGNÓSTICO SIMULADO: Obstrução Intestinal (Bridas/Aderências). SINTOMAS: Parada total de eliminação de gases e fezes há 2 dias. Vômitos frequentes com aspecto e cheiro muito escuro (fecaloide). Dor em cólica difusa. Possui histórico de cirurgia de apendicite supurada quando jovem (incisão no abdome). REGRAS: Reclame muito das cólicas e enjoo constante.' }
    ]
  },
  {
    id: 'respiratorio',
    title: 'Respiratório',
    icon: Wind,
    cases: [
      { id: 'resp1', patient: 'M.S., 22 anos', level: 'Nível I', theme: 'Dispneia', intro: 'Paciente com taquipneia leve visível.', vitals: { pa: '120/80', fc: 110, fr: 24, temp: 36.7, sat: 94, peso: 68, altura: 1.75 }, systemPrompt: 'PERFIL: Marcos, 22 anos, estudante. QUEIXA: Falta de ar desde ontem. DIAGNÓSTICO SIMULADO: Crise de Asma. SINTOMAS: Aperto no peito, sibilos, tosse seca. Histórico atópico. Piora com poeira. REGRAS: Pareça ofegante nas respostas.' },
      { id: 'resp2', patient: 'C.R., 68 anos', level: 'Nível II', theme: 'Tosse Crônica', intro: 'Paciente apresenta acessos de tosse durante a entrevista.', vitals: { pa: '110/70', fc: 100, fr: 22, temp: 38.5, sat: 92, peso: 60, altura: 1.58 }, systemPrompt: 'PERFIL: Carmem, 68 anos, aposentada. QUEIXA: Tosse há 1 semana evoluindo com piora. DIAGNÓSTICO SIMULADO: Pneumonia. SINTOMAS: Tosse com expectoração purulenta, febre, dor ventilatório-dependente à direita. REGRAS: Relate astenia importante.' },
      { id: 'resp3', patient: 'A.L., 72 anos', level: 'Nível III', theme: 'Insuficiência', intro: 'Paciente em posição de tripé, utilizando musculatura acessória.', vitals: { pa: '135/85', fc: 98, fr: 26, temp: 37.0, sat: 88, peso: 65, altura: 1.70 }, systemPrompt: 'PERFIL: Antônio, 72 anos, ex-pedreiro. QUEIXA: Dispneia progressiva há 1 semana. DIAGNÓSTICO SIMULADO: Exacerbação de DPOC. SINTOMAS: Tosse crônica (expectoração esverdeada recente). Dispneia aos mínimos esforços. Tabagista carga alta. REGRAS: Faça pausas para respirar. Voz rouca e cansada.' },
      { id: 'resp6', patient: 'B.N., 58 anos', level: 'Nível II', theme: 'Dor ao Respirar', intro: 'Paciente com respiração curta e superficial, hesita em inspirar profundamente.', vitals: { pa: '125/85', fc: 92, fr: 22, temp: 37.0, sat: 95, peso: 70, altura: 1.65 }, systemPrompt: 'PERFIL: Beatriz, 58 anos. QUEIXA: Dor nas costas do lado esquerdo ao respirar. DIAGNÓSTICO SIMULADO: Derrame Pleural (associado a pneumonia recente). SINTOMAS: Dor pleurítica (pontada) que piora com a tosse ou inspiração funda. Tosse seca. Teve uma pneumonia tratada com antibióticos há 2 semanas. REGRAS: Interrompa frases longas para não respirar fundo.' },
      { id: 'resp7', patient: 'E.T., 66 anos', level: 'Nível III', theme: 'Tosse com Sangue', intro: 'Paciente emagrecido, segurando um lenço onde nota-se manchas avermelhadas.', vitals: { pa: '130/80', fc: 100, fr: 20, temp: 36.8, sat: 93, peso: 58, altura: 1.72 }, systemPrompt: 'PERFIL: Eduardo, 66 anos, pintor. QUEIXA: Tossindo sangue. DIAGNÓSTICO SIMULADO: Câncer de Pulmão. SINTOMAS: Hemoptise intermitente há 3 semanas. Tosse crônica que mudou de padrão recentemente. Perda de 10kg em 3 meses. Fumante de 2 maços por dia há 40 anos. REGRAS: Mostre-se preocupado e pigarreie frequentemente.' },
      { id: 'resp8', patient: 'A.R., 18 anos', level: 'Nível I', theme: 'Espirros Constantes', intro: 'Paciente espirrando várias vezes seguidas, com os olhos lacrimejando e nariz vermelho.', vitals: { pa: '110/70', fc: 85, fr: 16, temp: 36.5, sat: 99, peso: 55, altura: 1.60 }, systemPrompt: 'PERFIL: Alice, 18 anos. QUEIXA: Nariz escorrendo e coceira. DIAGNÓSTICO SIMULADO: Rinite Alérgica Exacerbada. SINTOMAS: Coriza aquosa, espirros em salva, prurido nasal e ocular. Piorou depois de fazer uma faxina no guarda-roupa. Sem febre ou dor no corpo. REGRAS: Fungue frequentemente o nariz e comente sobre a coceira incômoda.' },
      { id: 'resp4', patient: 'J.V., 29 anos', level: 'Nível II', theme: 'Tosse Prolongada', intro: 'Paciente bastante emagrecido, com tosse persistente e parecendo fraco.', vitals: { pa: '100/60', fc: 92, fr: 18, temp: 37.8, sat: 96, peso: 54, altura: 1.72 }, systemPrompt: 'PERFIL: João, 29 anos, atendente. QUEIXA: Tosse que não passa há mais de um mês. DIAGNÓSTICO SIMULADO: Tuberculose Pulmonar. SINTOMAS: Tosse com catarro persistente. Refere que tem tido febre baixa todos os dias no fim da tarde. Acorda de madrugada com a camisa encharcada de suor (sudorese noturna). Perdeu 6kg sem dieta. REGRAS: Dê respostas um pouco apáticas, de quem está consumido pela doença.' },
      { id: 'resp5', patient: 'L.C., 35 anos', level: 'Nível III', theme: 'Falta de Ar Súbita', intro: 'Paciente muito apreensiva, com respiração curta e rápida, segurando o peito.', vitals: { pa: '110/70', fc: 115, fr: 28, temp: 37.2, sat: 91, peso: 75, altura: 1.68 }, systemPrompt: 'PERFIL: Laura, 35 anos, advogada. QUEIXA: Falta de ar que começou "do nada" há 2 horas. DIAGNÓSTICO SIMULADO: Tromboembolismo Pulmonar (TEP). SINTOMAS: Dispneia súbita e dor no peito tipo pontada que piora ao respirar fundo (dor pleurítica). Tosse seca. Fatores de risco: usa anticoncepcional oral e chegou ontem de uma viagem de avião de 12 horas da Europa. REGRAS: Se perguntado sobre as pernas, relate que a panturrilha esquerda está doendo um pouco e mais inchada.' },
      { id: 'resp9', patient: 'K.D., 20 anos', level: 'Nível II', theme: 'Dor em Pontada Súbita', intro: 'Paciente muito jovem, bastante alto e magro, com respiração travada e ansioso.', vitals: { pa: '115/75', fc: 105, fr: 26, temp: 36.4, sat: 92, peso: 60, altura: 1.88 }, systemPrompt: 'PERFIL: Kauã, 20 anos, estudante. QUEIXA: Pontada muito forte no peito e falta de ar que começaram do nada enquanto assistia TV. DIAGNÓSTICO SIMULADO: Pneumotórax Espontâneo Primário. SINTOMAS: Dor pleurítica intensa do lado direito, tosse seca, início agudo em repouso. Paciente é tabagista (cigarro eletrônico/vape). REGRAS: Demonstre respiração superficial e medo de respirar fundo pois piora a dor como uma "faca".' },
      { id: 'resp10', patient: 'V.B., 55 anos', level: 'Nível I', theme: 'Muito Sono de Dia', intro: 'Paciente com sobrepeso, pescoço curto, parecendo que vai cochilar na cadeira enquanto espera.', vitals: { pa: '155/95', fc: 80, fr: 16, temp: 36.7, sat: 97, peso: 115, altura: 1.70 }, systemPrompt: 'PERFIL: Vicente, 55 anos, taxista. QUEIXA: Muito cansaço de dia, dorme dirigindo. DIAGNÓSTICO SIMULADO: Síndrome da Apneia Obstrutiva do Sono (SAOS). SINTOMAS: A esposa reclama que ele ronca excessivamente alto à noite e "para de respirar" dando sustos. Acorda com boca seca e dor de cabeça pela manhã. Sono não reparador. Histórico de Hipertensão Arterial de difícil controle. REGRAS: Boceje ocasionalmente no chat e diga que não sabe por que está tão cansado.' }
    ]
  },
  {
    id: 'cardiovascular',
    title: 'Cardiovascular',
    icon: HeartPulse,
    cases: [
      { id: 'cv0', patient: 'L.T., 30 anos', level: 'Nível I', theme: 'Palpitações', intro: 'Paciente irrequieto e visivelmente apreensivo.', vitals: { pa: '145/90', fc: 120, fr: 28, temp: 36.8, sat: 99, peso: 80, altura: 1.80 }, systemPrompt: 'PERFIL: Lucas, 30 anos, analista. QUEIXA: Taquicardia. DIAGNÓSTICO SIMULADO: Crise de ansiedade. SINTOMAS: Palpitação de início súbito após estresse. Parestesia perioral e nas extremidades. Sem dor isquêmica típica. REGRAS: Fale de forma acelerada. Demonstre medo de infarto.' },
      { id: 'cv1', patient: 'R.G., 62 anos', level: 'Nível II', theme: 'Dor Torácica', intro: 'Paciente sudoreico, com fácies de angústia.', vitals: { pa: '160/100', fc: 110, fr: 22, temp: 36.5, sat: 96, peso: 92, altura: 1.75 }, systemPrompt: 'PERFIL: Roberto, 62 anos, aposentado. QUEIXA: Suspeita de IAM. SINTOMAS: Dor retroesternal opressiva, irradiação para MSE, início há 40 min. Diaforese e náusea. REGRAS: Aja de forma objetiva, relatando a gravidade do sintoma.' },
      { id: 'cv2', patient: 'M.A., 70 anos', level: 'Nível III', theme: 'Congestão', intro: 'Paciente com respiração ruidosa, decúbito elevado na maca.', vitals: { pa: '150/90', fc: 95, fr: 24, temp: 36.6, sat: 90, peso: 88, altura: 1.60 }, systemPrompt: 'PERFIL: Maria, 70 anos, do lar. QUEIXA: Dispneia de decúbito. DIAGNÓSTICO SIMULADO: ICC descompensada. SINTOMAS: Ortopneia, DPN, edema de MMII limitante, ganho ponderal. HAS mal controlada. REGRAS: Fale de forma exausta. Relate dificuldade grave para dormir deitada.' },
      { id: 'cv5', patient: 'J.C., 65 anos', level: 'Nível II', theme: 'Dor ao Caminhar', intro: 'Paciente massageia as panturrilhas enquanto conversa.', vitals: { pa: '150/90', fc: 75, fr: 16, temp: 36.5, sat: 97, peso: 82, altura: 1.68 }, systemPrompt: 'PERFIL: José Carlos, 65 anos, aposentado. QUEIXA: Dor nas "batatas da perna" quando anda. DIAGNÓSTICO SIMULADO: Doença Arterial Obstrutiva Periférica (DAOP). SINTOMAS: Claudicação intermitente. Consegue andar 2 quarteirões e a perna "trava" de dor, precisando parar para aliviar. Pés frios. Tabagista e diabético de longa data. REGRAS: Especifique bem a distância que consegue andar antes da dor começar.' },
      { id: 'cv6', patient: 'M.L., 38 anos', level: 'Nível III', theme: 'Febre e Sopro', intro: 'Paciente com febre, calafrios e pequenas manchas vermelhas visíveis nas mãos.', vitals: { pa: '100/60', fc: 110, fr: 20, temp: 38.9, sat: 98, peso: 60, altura: 1.70 }, systemPrompt: 'PERFIL: Márcio, 38 anos. QUEIXA: Febre alta há 2 semanas que não cessa. DIAGNÓSTICO SIMULADO: Endocardite Infecciosa. SINTOMAS: Calafrios, suor noturno, dores articulares. Manchas vermelhas indolores nas palmas das mãos (Lesões de Janeway). Fez uma extração dentária complexa há 1 mês sem antibiótico prévio. Tem sopro cardíaco desde criança mas nunca acompanhou. REGRAS: Demonstre fraqueza extrema pela febre.' },
      { id: 'cv7', patient: 'G.A., 22 anos', level: 'Nível I', theme: 'Desmaio', intro: 'Paciente jovem, agora consciente e orientada, mas levemente pálida.', vitals: { pa: '105/65', fc: 88, fr: 16, temp: 36.4, sat: 99, peso: 58, altura: 1.64 }, systemPrompt: 'PERFIL: Gabriela, 22 anos, estudante. QUEIXA: "Apaguei na igreja". DIAGNÓSTICO SIMULADO: Síncope Vasovagal. SINTOMAS: Estava em pé há mais de 1 hora num local quente e abafado. Antes de desmaiar, sentiu calorão, visão escura, zumbido no ouvido e suor frio. Acordou rapidamente assim que deitou no chão. Nenhuma convulsão. REGRAS: Relate o episódio com detalhes do que sentiu *antes* de desmaiar (pródromos).' },
      { id: 'cv3', patient: 'E.S., 68 anos', level: 'Nível II', theme: 'Coração Acelerado', intro: 'Paciente com a mão no peito, sentindo mal-estar e um pouco pálido.', vitals: { pa: '120/80', fc: 145, fr: 18, temp: 36.5, sat: 97, peso: 72, altura: 1.60 }, systemPrompt: 'PERFIL: Edna, 68 anos. QUEIXA: "Coração batendo descompassado". DIAGNÓSTICO SIMULADO: Fibrilação Atrial (FA). SINTOMAS: Sente o coração "pular na garganta" e bater fora do ritmo. Cansaço anormal para fazer as atividades diárias (varrer a casa). Histórico antigo de pressão alta (HPP). REGRAS: Queixe-se que o batimento está "bagunçado", não apenas rápido.' },
      { id: 'cv4', patient: 'P.O., 50 anos', level: 'Nível II', theme: 'Dor na Perna', intro: 'Paciente entra mancando devagar, apoiando-se numa bengala improvisada.', vitals: { pa: '130/80', fc: 85, fr: 16, temp: 37.1, sat: 98, peso: 90, altura: 1.74 }, systemPrompt: 'PERFIL: Paulo, 50 anos, motorista de caminhão. QUEIXA: Dor e inchaço na perna. DIAGNÓSTICO SIMULADO: Trombose Venosa Profunda (TVP). SINTOMAS: Panturrilha direita começou a inchar há 2 dias. Está vermelha, mais quente que a outra, e dói muito ao pisar no chão. Tabagista crônico e trabalha 14h por dia sentado dirigindo. REGRAS: Demonstre desconforto na perna se for examinado.' },
      { id: 'cv8', patient: 'T.A., 32 anos', level: 'Nível II', theme: 'Dor no Peito ao Respirar', intro: 'Paciente ansioso, levemente curvado para frente, recusa-se a encostar as costas na maca.', vitals: { pa: '120/75', fc: 95, fr: 20, temp: 37.7, sat: 98, peso: 78, altura: 1.82 }, systemPrompt: 'PERFIL: Thiago, 32 anos, professor de educação física. QUEIXA: Dor no peito em pontada há 1 dia. DIAGNÓSTICO SIMULADO: Pericardite Aguda. SINTOMAS: Dor no meio do peito, tipo facada (pleurítica) que irradia para o ombro esquerdo. A dor piora muito ao respirar fundo, tossir ou ao deitar de costas na cama. A única coisa que alivia um pouco é sentar inclinado para frente. Relata ter tido um quadro forte de gripe/resfriado semana passada. REGRAS: Especifique bem a posição que alivia a dor se for questionado.' },
      { id: 'cv9', patient: 'A.P., 78 anos', level: 'Nível III', theme: 'Desmaio ao Fazer Esforço', intro: 'Paciente idoso, caminha bem devagar acompanhado, parando para recuperar o fôlego.', vitals: { pa: '110/85', fc: 70, fr: 20, temp: 36.3, sat: 96, peso: 68, altura: 1.62 }, systemPrompt: 'PERFIL: Sr. Antônio, 78 anos, relojoeiro aposentado. QUEIXA: Tonteira, fraqueza no peito e desmaio. DIAGNÓSTICO SIMULADO: Estenose Aórtica Severa. SINTOMAS: Ontem, ao tentar varrer o quintal, sentiu um aperto no peito, falta de ar, a visão escureceu e perdeu a consciência por alguns segundos (síncope). Tem sentido falta de ar para tomar banho nos últimos meses. Não tem dor em repouso. REGRAS: Fale de forma pausada. Diga que achava que o cansaço era só "coisa da idade".' }
    ]
  }
];

const PatientSimulator = ({ userName }) => {
  const [viewState, setViewState] = useState('modules');
  const [selectedModule, setSelectedModule] = useState(null);
  const [activeCase, setActiveCase] = useState(null);
  const [messages, setMessages] = useState([]);
  const [input, setInput] = useState('');
  const [isLoading, setIsLoading] = useState(false);
  const [isGeneratingCase, setIsGeneratingCase] = useState(false);
  const [evaluation, setEvaluation] = useState(null);
  const [isRecording, setIsRecording] = useState(false);
  const [isAudioEnabled, setIsAudioEnabled] = useState(false);
  const [showVitals, setShowVitals] = useState(false);
  const [showReferences, setShowReferences] = useState(false);
  const [timeElapsed, setTimeElapsed] = useState(0);
  const [isTimerRunning, setIsTimerRunning] = useState(false);
  const [isDownloadingPdf, setIsDownloadingPdf] = useState(false);

  const messagesEndRef = useRef(null);
  const recognitionRef = useRef(null);
  const baseInputRef = useRef('');
  const timerRef = useRef(null);
  const audioRef = useRef(null);

  const scrollToBottom = () => messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
  useEffect(() => { if (viewState === 'chat') scrollToBottom(); }, [messages, viewState]);

  useEffect(() => {
    if (isTimerRunning) {
      timerRef.current = setInterval(() => {
        setTimeElapsed(prev => prev + 1);
      }, 1000);
    } else if (!isTimerRunning && timerRef.current) {
      clearInterval(timerRef.current);
    }
    return () => clearInterval(timerRef.current);
  }, [isTimerRunning]);

  const formatTime = (seconds) => {
    const mins = Math.floor(seconds / 60);
    const secs = seconds % 60;
    return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
  };

  useEffect(() => {
    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
    if (SpeechRecognition) {
      const recognition = new SpeechRecognition();
      recognition.continuous = true;
      recognition.interimResults = true;
      recognition.lang = 'pt-BR';
      recognition.onresult = (event) => {
        let currentTranscript = Array.from(event.results).map(result => result[0].transcript).join('');
        const separator = baseInputRef.current.trim() === '' ? '' : ' ';
        setInput(baseInputRef.current + separator + currentTranscript);
      };
      recognition.onerror = () => setIsRecording(false);
      recognition.onend = () => setIsRecording(false);
      recognitionRef.current = recognition;
    }
    
    return () => {
      window.speechSynthesis.cancel();
      audioRef.current?.pause();
    }
  }, []);

  const toggleRecording = () => {
    if (!recognitionRef.current) return alert('Navegador não suportado para reconhecimento de voz.');
    if (isRecording) {
      recognitionRef.current.stop();
    } else {
      baseInputRef.current = input;
      recognitionRef.current.start();
      setIsRecording(true);
    }
  };

  const speakMessage = async (text, currentCase) => {
    if (!isAudioEnabled) return;
    
    window.speechSynthesis.cancel();
    if (audioRef.current) {
      audioRef.current.pause();
      audioRef.current = null;
    }

    try {
      // Determinar o gênero da voz com base no nome do paciente
      let voiceName = "Aoede"; // Feminina
      const match = currentCase?.systemPrompt?.match(/PERFIL:\s*(?:Sr\.\s*|Sra\.\s*)?([A-Za-zÀ-ÖØ-öø-ÿ]+)/);
      if (match && match[1]) {
        const firstName = match[1].toLowerCase();
        const isFemale = (firstName.endsWith('a') && firstName !== 'kauã') || ['carmem', 'beatriz', 'alice'].includes(firstName);
        voiceName = isFemale ? "Aoede" : "Charon"; // Charon = Masculina
      }

      const audioData = await fetchGeminiTTS(text, voiceName);
      
      let sampleRate = 24000;
      const rateMatch = audioData.mimeType.match(/rate=(\d+)/);
      if (rateMatch && rateMatch[1]) sampleRate = parseInt(rateMatch[1], 10);

      const wavBlob = pcmToWav(audioData.data, sampleRate);
      const url = URL.createObjectURL(wavBlob);
      const audio = new Audio(url);
      audioRef.current = audio;
      audio.play();
      
      audio.onended = () => URL.revokeObjectURL(url);
      
    } catch (e) {
      console.error("Falha ao gerar voz IA, usando voz do navegador:", e);
      const utterance = new SpeechSynthesisUtterance(text);
      utterance.lang = 'pt-BR';
      utterance.rate = 1.05;
      window.speechSynthesis.speak(utterance);
    }
  };

  const startCase = (c) => {
    setActiveCase(c);
    setMessages([{ role: 'system', content: c.intro }]);
    setViewState('chat');
    setEvaluation(null);
    setShowVitals(false);
    setShowReferences(false);
    setTimeElapsed(0);
    setIsTimerRunning(true);
    window.speechSynthesis.cancel();
    audioRef.current?.pause();
  };

  const handleRandomCase = async (moduleTitle) => {
    setIsGeneratingCase(true);
    const themeConstraint = moduleTitle ? `relacionada ao sistema/tema: ${moduleTitle}` : "aleatória de qualquer sistema do corpo";

    const prompt = `Crie um paciente aleatório com uma doença médica específica ${themeConstraint} para treinamento de semiologia de um estudante. Retorne APENAS um JSON estrito neste formato:
    {
      "id": "random",
      "patient": "Nome fictício, Idade fictícia",
      "level": "Surpresa",
      "theme": "Sintoma principal curto (Ex: Febre e dor lombar)",
      "intro": "Descrição de uma linha do que o aluno vê ao paciente entrar na sala",
      "vitals": { "pa": "X/Y", "fc": 0, "fr": 0, "temp": 0.0, "sat": 0, "peso": 0.0, "altura": 0.00 },
      "systemPrompt": "PERFIL: (detalhes do paciente). QUEIXA: (motivo da consulta). DIAGNÓSTICO SIMULADO: (nome da doença). SINTOMAS: (lista de sinais e sintomas que o paciente tem mas não vai dizer a menos que perguntem). REGRAS: (instruções de atuação para o paciente simulado responder de forma realista, não dar diagnóstico, etc.)"
    }`;

    try {
      const newCase = await fetchGeminiWithRetry(prompt, "Você é um professor acadêmico de medicina elaborando um caso clínico.", true);
      startCase(newCase);
    } catch (e) {
      alert("Erro ao conectar com a IA para gerar caso aleatório. Tente novamente.");
    } finally {
      setIsGeneratingCase(false);
    }
  };

  const handleSend = async () => {
    if (!input.trim()) return;
    const userMsg = input;
    setInput('');
    setMessages(prev => [...prev, { role: 'user', content: userMsg }]);
    setIsLoading(true);

    const fullSystemPrompt = `Atue como um paciente simulado (Padronizado) para exame OSCE. 
    O médico(a) que está conduzindo a entrevista se chama Dr(a). ${userName}. Você pode chamá-lo(a) pelo nome de vez em quando para dar mais realismo (Ex: "Então, Dr. ${userName}...", "Doutor(a) ${userName}...").
    ${activeCase.systemPrompt}
    DIRETRIZES: 1. Responda apenas o necessário e o que foi perguntado diretamente. 2. Linguagem condizente com o perfil. 3. Não entregue diagnósticos médicos nem use termos técnicos se o paciente for leigo.`;

    const chatHistory = messages.filter(m => m.role !== 'system').map(m => `${m.role === 'user' ? 'Médico' : 'Paciente'}: ${m.content}`).join('\n');
    const promptWithHistory = `Histórico:\n${chatHistory}\nMédico: ${userMsg}\nPaciente:`;

    try {
      const responseText = await fetchGeminiWithRetry(promptWithHistory, fullSystemPrompt);
      
      // MUDANÇA AQUI: Aguarda a geração do áudio terminar ANTES de exibir o texto
      await speakMessage(responseText, activeCase); 
      setMessages(prev => [...prev, { role: 'patient', content: responseText }]);
      
    } catch {
      setMessages(prev => [...prev, { role: 'system', content: '[Falha de conexão com servidor clínico]' }]);
    } finally {
      setIsLoading(false);
    }
  };

  const handleEvaluate = async () => {
    window.speechSynthesis.cancel();
    audioRef.current?.pause();
    setIsTimerRunning(false);
    setIsLoading(true);
    const transcript = messages.filter(m => m.role !== 'system').map(m => `${m.role === 'user' ? 'Aluno' : 'Paciente'}: ${m.content}`).join('\n');
    
    const evalPrompt = `Você é avaliador médico formal. Caso: ${activeCase.theme}.
TRANSCRIÇÃO:
${transcript}
Avalie a anamnese conduzida no chat. Retorne JSON: {
  "nota": numero decimal (0-10), 
  "feedbackGeral": "avaliação formal da técnica de entrevista do aluno", 
  "hipotesesDiagnosticas": ["diagnóstico principal e diferenciais que o aluno deveria ter pensado com base nas informações reveladas"],
  "pontosFortes": ["acertos técnicos na investigação"], 
  "pontosAMelhorar": ["falhas na HDA, perguntas vitais que o aluno não fez para este diagnóstico, falta de empatia se houver, etc"],
  "resumoTeorico": {
    "doenca": "Nome da doença/síndrome principal do caso",
    "conceito": "Breve resumo acadêmico sobre a etiologia e fisiopatologia básica",
    "perguntasChave": ["3 a 5 perguntas obrigatórias na anamnese para investigar essa síndrome"],
    "achadosExameFisico": ["Principais sinais clínicos esperados no exame físico desta doença"],
    "dicaOuro": "Uma dica semiológica prática de alto valor (ex: Sinal específico, pegadinha clínica, etc.)"
  }
}`;

    try {
      const data = await fetchGeminiWithRetry(evalPrompt, 'Seja um avaliador acadêmico rigoroso e formal que cobra estrutura na anamnese.', true);
      setEvaluation(data);
      setViewState('evaluation');
    } finally {
      setIsLoading(false);
    }
  };

  const handleDownloadEval = async () => {
    if (!evaluation) return;
    setIsDownloadingPdf(true);
    
    const statusColor = evaluation.nota >= 8 ? '#059669' : evaluation.nota >= 5 ? '#d97706' : '#dc2626';

    let html = `
      <div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #1e293b; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #ffffff;">
        
        <!-- Cabeçalho Oficial Elegante -->
        <table style="width: 100%; border-bottom: 2px solid #0f172a; padding-bottom: 15px; margin-bottom: 25px; border-collapse: collapse;">
          <tr>
            <td style="vertical-align: bottom;">
              <h1 style="margin: 0; font-size: 26px; font-weight: 900; color: #0f172a; text-transform: uppercase; letter-spacing: -0.5px;">Relatório de Simulação</h1>
              <p style="margin: 4px 0 0 0; font-size: 11px; color: #64748b; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px;">Prática de Raciocínio Clínico</p>
            </td>
          </tr>
        </table>
        
        <!-- Metadados em Grid Clássico -->
        <table style="width: 100%; border-collapse: collapse; margin-bottom: 40px; background-color: #f8fafc; font-size: 12px;">
          <tr>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 35%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Acadêmico(a)</span>
              <strong style="font-size: 14px; color: #0f172a;">${userName || 'Não informado'}</strong>
            </td>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 35%;">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Paciente / Tema</span>
              <strong style="font-size: 14px; color: #0f172a;">${activeCase.patient} (${activeCase.theme})</strong><br>
              <span style="font-size: 10px; color: #64748b; margin-top: 2px; display: inline-block;">Tempo Gasto: ${formatTime(timeElapsed)}</span>
            </td>
            <td style="border: 1px solid #cbd5e1; padding: 12px 16px; width: 30%; text-align: center; background-color: ${evaluation.nota >= 8 ? '#ecfdf5' : evaluation.nota >= 5 ? '#fffbeb' : '#fef2f2'};">
              <span style="color: #64748b; font-size: 9px; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; display: block; margin-bottom: 4px;">Score Geral</span>
              <strong style="font-size: 18px; color: ${statusColor};">${evaluation.nota} <span style="font-size: 12px; font-weight: normal; color: #64748b;">/ 10</span></strong>
            </td>
          </tr>
        </table>

        <!-- Parecer Analítico -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 1px;">Parecer Analítico</h3>
          <div style="font-size: 13px; color: #1e293b; line-height: 1.6; white-space: pre-wrap; text-align: justify; padding-left: 2px;">${evaluation.feedbackGeral}</div>
        </div>

        <!-- Diagnósticos Esperados -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #475569; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; letter-spacing: 1px;">Diagnósticos Esperados</h3>
          <ul style="margin: 0; padding-left: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            ${evaluation.hipotesesDiagnosticas && evaluation.hipotesesDiagnosticas.length > 0 ? evaluation.hipotesesDiagnosticas.map(h => `<li style="margin-bottom: 4px;"><strong>${h}</strong></li>`).join('') : '<li style="color: #64748b; font-style: italic;">Não listados</li>'}
          </ul>
        </div>

        <!-- Condutas Adequadas -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #059669; border-bottom: 1px solid #a7f3d0; padding-bottom: 4px; letter-spacing: 1px;">Condutas Adequadas</h3>
          <ul style="margin: 0; padding-left: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            ${evaluation.pontosFortes?.length > 0 ? evaluation.pontosFortes.map(p => `<li style="margin-bottom: 4px;">${p}</li>`).join('') : '<li style="color: #64748b; font-style: italic;">Nenhuma conduta de destaque listada.</li>'}
          </ul>
        </div>

        <!-- Omissões da Entrevista -->
        <div style="margin-bottom: 30px; page-break-inside: avoid;">
          <h3 style="margin: 0 0 10px 0; font-size: 12px; font-weight: 800; text-transform: uppercase; color: #dc2626; border-bottom: 1px solid #fecaca; padding-bottom: 4px; letter-spacing: 1px;">Omissões da Entrevista</h3>
          <ul style="margin: 0; padding-left: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            ${evaluation.pontosAMelhorar?.length > 0 ? evaluation.pontosAMelhorar.map(l => `<li style="margin-bottom: 4px;">${l}</li>`).join('') : '<li style="color: #64748b; font-style: italic;">Nenhuma omissão.</li>'}
          </ul>
        </div>
    `;

    if (evaluation.resumoTeorico) {
      html += `
        <!-- Guia de Estudo Clínico -->
        <div style="margin-top: 40px; margin-bottom: 30px; page-break-inside: avoid; border: 1px solid #c7d2fe; border-radius: 6px; overflow: hidden;">
          <div style="background-color: #312e81; color: white; padding: 12px 16px;">
            <h3 style="margin: 0; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px;">Guia de Estudo: ${evaluation.resumoTeorico.doenca}</h3>
          </div>
          <div style="background-color: #e0e7ff; padding: 20px; font-size: 13px; color: #1e293b; line-height: 1.6;">
            <h4 style="margin: 0 0 8px 0; color: #3730a3; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Conceito e Fisiopatologia</h4>
            <p style="margin: 0 0 16px 0;">${evaluation.resumoTeorico.conceito}</p>

            <h4 style="margin: 0 0 8px 0; color: #3730a3; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Perguntas-Chave (Anamnese)</h4>
            <ul style="margin: 0 0 16px 0; padding-left: 20px;">${evaluation.resumoTeorico.perguntasChave.map(q => `<li style="margin-bottom: 4px;">${q}</li>`).join('')}</ul>

            <h4 style="margin: 0 0 8px 0; color: #3730a3; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Exame Físico (Achados Esperados)</h4>
            <ul style="margin: 0 0 16px 0; padding-left: 20px;">${evaluation.resumoTeorico.achadosExameFisico.map(a => `<li style="margin-bottom: 4px;">${a}</li>`).join('')}</ul>

            <div style="background-color: #fef3c7; border-left: 4px solid #f59e0b; padding: 12px 16px; margin-top: 20px; border-radius: 4px;">
              <h4 style="margin: 0 0 6px 0; color: #92400e; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Dica de Ouro</h4>
              <p style="margin: 0;">${evaluation.resumoTeorico.dicaOuro}</p>
            </div>
          </div>
        </div>
      `;
    }

    html += `</div>`;

    await generatePDF(html, `relatorio_simulacao_${activeCase.id}.pdf`);
    setIsDownloadingPdf(false);
  };

  if (viewState === 'modules') {
    return (
      <div className="max-w-5xl mx-auto space-y-6 h-full flex flex-col animate-in fade-in">
        <div className="border-b border-slate-200 dark:border-slate-700 pb-4 flex flex-col md:flex-row md:items-end justify-between gap-4">
          <div>
            <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100">Módulos de Simulação</h1>
            <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Selecione a especialidade para acesso aos casos.</p>
          </div>
        </div>
        <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
          {CLINICAL_MODULES.map(mod => (
            <Card key={mod.id} className="p-6 transition-all" onClick={() => { setSelectedModule(mod); setViewState('cases'); }}>
              <div className="flex items-center gap-4">
                <div className="p-3 border border-slate-200 dark:border-slate-600 rounded-md bg-slate-50 dark:bg-slate-700 text-slate-700 dark:text-slate-300"><mod.icon className="w-6 h-6" /></div>
                <div>
                  <h3 className="font-bold text-slate-900 dark:text-slate-100">{mod.title}</h3>
                  <p className="text-xs text-slate-500 dark:text-slate-400 uppercase tracking-widest mt-1">{mod.cases.length} Casos Disponíveis</p>
                </div>
              </div>
            </Card>
          ))}
        </div>
      </div>
    );
  }

  if (viewState === 'cases') {
    return (
      <div className="max-w-5xl mx-auto space-y-6 h-full flex flex-col animate-in fade-in">
        <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4 border-b border-slate-200 dark:border-slate-700 pb-4">
          <div className="flex items-center gap-4">
            <button className="p-2 border border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 rounded hover:bg-slate-50 dark:hover:bg-slate-800" onClick={() => setViewState('modules')}><ArrowLeft className="w-4 h-4" /></button>
            <div>
              <h1 className="text-xl font-bold text-slate-900 dark:text-slate-100">{selectedModule.title}</h1>
              <p className="text-slate-500 dark:text-slate-400 text-sm">Prontuários disponíveis para simulação.</p>
            </div>
          </div>
          <Button onClick={() => handleRandomCase(selectedModule.title)} disabled={isGeneratingCase} className="bg-gradient-to-r from-blue-700 to-indigo-800 hover:from-blue-800 hover:to-indigo-900 text-white border-none py-2 shadow-md w-full sm:w-auto shrink-0">
            {isGeneratingCase ? <RefreshCcw className="w-4 h-4 animate-spin" /> : <Dices className="w-4 h-4" />}
            {isGeneratingCase ? 'Criando Paciente...' : 'Gerar Caso Surpresa (IA)'}
          </Button>
        </div>
        <div className="grid grid-cols-1 gap-3 overflow-y-auto pb-6">
          {selectedModule.cases.map(c => (
            <Card key={c.id} className="p-4 flex items-center justify-between group" onClick={() => startCase(c)}>
              <div>
                <div className="flex items-center gap-3 mb-1">
                  <h3 className="font-bold text-slate-800 dark:text-slate-200">{c.patient}</h3>
                  <span className="text-[10px] px-2 py-0.5 rounded-sm border border-slate-200 dark:border-slate-600 bg-slate-50 dark:bg-slate-700 text-slate-600 dark:text-slate-300 font-bold uppercase tracking-widest">{c.level}</span>
                </div>
                <p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wide">Motivo: <span className="font-bold text-slate-700 dark:text-slate-300">{c.theme}</span></p>
              </div>
              <Button variant="secondary" className="opacity-0 group-hover:opacity-100 transition-opacity py-1.5 px-3 text-xs uppercase tracking-widest">
                Iniciar <ChevronRight className="w-3 h-3" />
              </Button>
            </Card>
          ))}
        </div>
      </div>
    );
  }

  if (viewState === 'evaluation' && evaluation) {
    return (
      <div className="max-w-4xl mx-auto space-y-5 h-full overflow-y-auto pb-8 animate-in fade-in">
         <div className="flex justify-between items-center border-b border-slate-200 dark:border-slate-700 pb-4">
             <button className="flex items-center gap-2 text-sm text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white font-medium" onClick={() => { setViewState('modules'); setIsTimerRunning(false); }}><ArrowLeft className="w-4 h-4" /> Retornar aos Casos</button>
             <span className="text-xs font-bold uppercase tracking-widest px-3 py-1 bg-slate-100 dark:bg-slate-800 rounded-sm border border-slate-200 dark:border-slate-700 text-slate-600 dark:text-slate-400">Ref: {activeCase.patient}</span>
         </div>
         
         <div className="border border-slate-300 dark:border-slate-700 rounded-md bg-white dark:bg-slate-800 shadow-sm flex flex-col md:flex-row overflow-hidden relative">
            <button onClick={handleDownloadEval} disabled={isDownloadingPdf} className="absolute top-2 right-2 text-slate-400 hover:text-blue-600 dark:hover:text-indigo-400 bg-white/80 dark:bg-slate-800/80 p-2 rounded-full transition-colors z-10 disabled:opacity-50" title="Baixar Relatório em PDF">
              {isDownloadingPdf ? <RefreshCcw className="w-5 h-5 animate-spin" /> : <Download className="w-5 h-5" />}
            </button>
            <div className={`p-8 md:w-1/3 flex flex-col items-center justify-center border-b md:border-b-0 md:border-r border-slate-200 dark:border-slate-700 ${evaluation.nota >= 8 ? 'bg-emerald-50 dark:bg-emerald-900/20' : evaluation.nota >= 5 ? 'bg-amber-50 dark:bg-amber-900/20' : 'bg-red-50 dark:bg-red-900/20'}`}>
                <span className={`text-[10px] font-bold uppercase tracking-widest mb-2 ${evaluation.nota >= 8 ? 'text-emerald-600 dark:text-emerald-500' : evaluation.nota >= 5 ? 'text-amber-600 dark:text-amber-500' : 'text-red-600 dark:text-red-500'}`}>Score do Atendimento</span>
                <div className={`text-6xl font-black tracking-tighter ${evaluation.nota >= 8 ? 'text-emerald-700 dark:text-emerald-400' : evaluation.nota >= 5 ? 'text-amber-700 dark:text-amber-400' : 'text-red-700 dark:text-red-400'}`}>
                  {evaluation.nota}
                </div>
                <span className={`text-xs font-medium mt-1 ${evaluation.nota >= 8 ? 'text-emerald-600/70 dark:text-emerald-500/70' : evaluation.nota >= 5 ? 'text-amber-600/70 dark:text-amber-500/70' : 'text-red-600/70 dark:text-red-500/70'}`}>
                  / 10.0
                </span>
            </div>
            <div className="p-8 md:w-2/3 bg-white dark:bg-slate-800 flex flex-col justify-center">
                <span className="text-xs font-bold text-slate-400 dark:text-slate-500 uppercase tracking-widest mb-3 flex items-center gap-2">
                  <Activity className="w-4 h-4" /> Parecer Analítico
                </span>
                <p className="text-slate-800 dark:text-slate-200 text-sm leading-relaxed font-medium">{evaluation.feedbackGeral}</p>
            </div>
         </div>

         {evaluation.hipotesesDiagnosticas && evaluation.hipotesesDiagnosticas.length > 0 && (
           <div className="border border-blue-200 dark:border-indigo-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden">
             <div className="bg-blue-50 dark:bg-indigo-900/40 border-b border-blue-200 dark:border-indigo-800 px-5 py-3">
               <span className="text-xs font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest flex items-center gap-2">
                 <Stethoscope className="w-4 h-4 text-blue-600 dark:text-indigo-400"/> Diagnósticos Esperados
               </span>
             </div>
             <div className="p-5 flex flex-wrap gap-2 bg-white dark:bg-slate-800">
               {evaluation.hipotesesDiagnosticas.map((item, i) => (
                 <span key={i} className="px-3 py-1.5 bg-blue-50 dark:bg-indigo-950 border border-blue-100 dark:border-indigo-700 text-blue-900 dark:text-indigo-200 text-xs font-bold rounded-md">
                   {item}
                 </span>
               ))}
             </div>
           </div>
         )}

         <div className="grid grid-cols-1 md:grid-cols-2 gap-5">
            <div className="border border-emerald-200 dark:border-emerald-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden">
              <div className="bg-emerald-50 dark:bg-emerald-900/30 border-b border-emerald-200 dark:border-emerald-800 px-5 py-3">
                <span className="text-xs font-bold text-emerald-800 dark:text-emerald-400 uppercase tracking-widest flex items-center gap-2">
                  <CheckCircle2 className="w-4 h-4 text-emerald-600 dark:text-emerald-500" /> Condutas Adequadas
                </span>
              </div>
              <ul className="p-5 space-y-3">
                {evaluation.pontosFortes?.map((item, i) => (
                  <li key={i} className="flex gap-3 text-xs text-slate-700 dark:text-slate-300 bg-emerald-50/40 dark:bg-emerald-900/20 p-2.5 rounded border border-emerald-50 dark:border-emerald-800/50">
                    <span className="text-emerald-600 dark:text-emerald-500 font-bold mt-0.5">✓</span>
                    <span className="leading-relaxed">{item}</span>
                  </li>
                ))}
              </ul>
            </div>
            <div className="border border-red-200 dark:border-red-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden">
              <div className="bg-red-50 dark:bg-red-900/30 border-b border-red-200 dark:border-red-800 px-5 py-3">
                <span className="text-xs font-bold text-red-800 dark:text-red-400 uppercase tracking-widest flex items-center gap-2">
                  <AlertTriangle className="w-4 h-4 text-red-600 dark:text-red-500" /> Omissões da Entrevista
                </span>
              </div>
              <ul className="p-5 space-y-3">
                {evaluation.pontosAMelhorar?.map((item, i) => (
                  <li key={i} className="flex gap-3 text-xs text-slate-700 dark:text-slate-300 bg-red-50/40 dark:bg-red-900/20 p-2.5 rounded border border-red-50 dark:border-red-800/50">
                    <span className="text-red-600 dark:text-red-500 font-bold mt-0.5">✕</span>
                    <span className="leading-relaxed">{item}</span>
                  </li>
                ))}
              </ul>
            </div>
         </div>

         {evaluation.resumoTeorico && (
           <div className="border border-indigo-200 dark:border-indigo-800 rounded-md bg-white dark:bg-slate-800 shadow-sm overflow-hidden mt-8 animate-in fade-in slide-in-from-bottom-4 duration-500 delay-150">
             <div className="bg-indigo-900 dark:bg-indigo-950 px-6 py-4 flex items-center justify-between">
                <span className="text-sm font-bold text-white uppercase tracking-widest flex items-center gap-2">
                  <BookOpen className="w-5 h-5 text-indigo-300"/> Guia de Estudo Clínico: {evaluation.resumoTeorico.doenca}
                </span>
             </div>
             <div className="p-6 bg-indigo-50/30 dark:bg-slate-800">
                <div className="mb-6">
                   <h4 className="text-[10px] font-bold text-indigo-800 dark:text-indigo-400 uppercase tracking-widest mb-2 flex items-center gap-2"><Info className="w-3 h-3"/> Conceito e Fisiopatologia</h4>
                   <p className="text-sm text-slate-700 dark:text-slate-300 leading-relaxed font-medium">{evaluation.resumoTeorico.conceito}</p>
                </div>
                
                <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                   <div className="bg-white dark:bg-slate-900 p-5 rounded-md border border-indigo-100 dark:border-indigo-800 shadow-sm">
                      <h4 className="text-[10px] font-bold text-indigo-800 dark:text-indigo-400 uppercase tracking-widest mb-4 flex items-center gap-2"><MessageSquare className="w-3 h-3"/> Perguntas-Chave (Anamnese)</h4>
                      <ul className="space-y-3">
                         {evaluation.resumoTeorico.perguntasChave?.map((q, i) => (
                           <li key={i} className="text-xs text-slate-700 dark:text-slate-300 flex items-start gap-3"><span className="text-indigo-500 dark:text-indigo-400 font-black mt-0.5">•</span> <span className="leading-relaxed">{q}</span></li>
                         ))}
                      </ul>
                   </div>
                   <div className="bg-white dark:bg-slate-900 p-5 rounded-md border border-indigo-100 dark:border-indigo-800 shadow-sm">
                      <h4 className="text-[10px] font-bold text-indigo-800 dark:text-indigo-400 uppercase tracking-widest mb-4 flex items-center gap-2"><Activity className="w-3 h-3"/> Exame Físico (Achados Esperados)</h4>
                      <ul className="space-y-3">
                         {evaluation.resumoTeorico.achadosExameFisico?.map((a, i) => (
                           <li key={i} className="text-xs text-slate-700 dark:text-slate-300 flex items-start gap-3"><span className="text-indigo-500 dark:text-indigo-400 font-black mt-0.5">•</span> <span className="leading-relaxed">{a}</span></li>
                         ))}
                      </ul>
                   </div>
                </div>
                
                <div className="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800/50 rounded-md p-5 flex items-start gap-4">
                   <Lightbulb className="w-6 h-6 text-amber-500 shrink-0 mt-1"/>
                   <div>
                      <h4 className="text-[10px] font-bold text-amber-800 dark:text-amber-400 uppercase tracking-widest mb-2">Dica de Ouro</h4>
                      <p className="text-sm text-amber-900 dark:text-amber-200 font-medium leading-relaxed">{evaluation.resumoTeorico.dicaOuro}</p>
                   </div>
                </div>
             </div>
           </div>
         )}
      </div>
    );
  }

  return (
    <div className="h-full flex flex-col max-w-4xl mx-auto border border-slate-300 dark:border-slate-700 rounded-md bg-white dark:bg-slate-800 shadow-sm animate-in fade-in">
      <div className="px-4 py-3 bg-slate-900 dark:bg-slate-950 text-white flex items-center justify-between rounded-t-md">
        <div className="flex items-center gap-3">
          <button className="text-slate-400 hover:text-white transition-colors" onClick={() => { setViewState('cases'); setIsTimerRunning(false); window.speechSynthesis.cancel(); audioRef.current?.pause(); }}><ArrowLeft className="w-4 h-4" /></button>
          <div className="w-px h-4 bg-slate-700 dark:bg-slate-800 mx-1"></div>
          <div>
            <h2 className="font-bold text-sm flex items-center gap-2 text-white">
              {activeCase.patient}
              <span className="bg-slate-800 dark:bg-slate-800 text-slate-300 px-2 py-0.5 rounded text-[10px] flex items-center gap-1 font-mono">
                <Clock className="w-3 h-3" /> {formatTime(timeElapsed)}
              </span>
            </h2>
            <p className="text-slate-400 text-[10px] uppercase tracking-widest">{activeCase.theme}</p>
          </div>
        </div>
        <div className="flex items-center gap-2">
          <button 
            onClick={() => { setIsAudioEnabled(!isAudioEnabled); if(isAudioEnabled) { window.speechSynthesis.cancel(); audioRef.current?.pause(); } }}
            className={`p-1.5 rounded transition-colors ${isAudioEnabled ? 'bg-blue-600 text-white' : 'bg-slate-800 text-slate-400 hover:bg-slate-700 hover:text-white'}`}
            title={isAudioEnabled ? "Desativar voz do paciente" : "Ativar voz do paciente"}
          >
            {isAudioEnabled ? <Volume2 className="w-4 h-4" /> : <VolumeX className="w-4 h-4" />}
          </button>
          <div className="w-px h-4 bg-slate-700 dark:bg-slate-800 mx-1"></div>
          <Button onClick={() => setShowVitals(!showVitals)} variant="secondary" className={`py-1 px-3 text-xs uppercase tracking-widest border-none h-8 transition-colors ${showVitals ? 'bg-blue-100 text-blue-800 dark:bg-indigo-900 dark:text-indigo-200' : 'text-slate-900 dark:text-slate-300 bg-transparent hover:bg-slate-800'}`}>
            <Activity className="w-3 h-3" /> Sinais Vitais
          </Button>
          <Button onClick={handleEvaluate} disabled={isLoading || messages.length < 3} variant="primary" className="py-1 px-3 text-xs text-slate-100 bg-blue-700 dark:bg-indigo-600 hover:bg-blue-600 dark:hover:bg-indigo-500 uppercase tracking-widest border-none h-8">
            Concluir
          </Button>
        </div>
      </div>

      {showVitals && activeCase.vitals && (
        <div className="bg-slate-100 dark:bg-slate-800/80 border-b border-slate-300 dark:border-slate-700 animate-in slide-in-from-top-2 flex flex-col">
          <div className="flex justify-between items-center px-4 py-2 border-b border-slate-200 dark:border-slate-700 bg-slate-200/50 dark:bg-slate-900/50">
             <span className="text-[10px] font-bold text-slate-600 dark:text-slate-400 uppercase tracking-widest flex items-center gap-2">
               Painel de Sinais Vitais e Antropometria
             </span>
             <button 
               onClick={() => setShowReferences(!showReferences)} 
               className={`text-[9px] px-2 py-1 rounded font-bold uppercase tracking-widest flex items-center gap-1 transition-colors ${showReferences ? 'bg-blue-700 dark:bg-indigo-600 text-white shadow-sm' : 'bg-slate-300 dark:bg-slate-700 text-slate-700 dark:text-slate-300 hover:bg-slate-400 dark:hover:bg-slate-600'}`}
             >
                 <Info className="w-3 h-3" />
                 {showReferences ? 'Ocultar Referências' : 'Valores Normais'}
             </button>
          </div>
          <div className="px-4 py-4 grid grid-cols-2 md:grid-cols-4 lg:grid-cols-8 gap-4 items-start">
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Pressão Arterial</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><HeartPulse className="w-3 h-3 text-red-500" /> {activeCase.vitals.pa}</span>
              {showReferences && <span className="text-[9px] text-slate-500 dark:text-slate-400 mt-1.5 font-mono bg-white dark:bg-slate-900 px-1.5 py-0.5 rounded inline-block w-max border border-slate-200 dark:border-slate-700 shadow-sm">Ref: 90/60 a 120/80</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Freq. Cardíaca</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Activity className="w-3 h-3 text-orange-500" /> {activeCase.vitals.fc} bpm</span>
              {showReferences && <span className="text-[9px] text-slate-500 dark:text-slate-400 mt-1.5 font-mono bg-white dark:bg-slate-900 px-1.5 py-0.5 rounded inline-block w-max border border-slate-200 dark:border-slate-700 shadow-sm">Ref: 60 a 100 bpm</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Freq. Respiratória</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Wind className="w-3 h-3 text-cyan-500" /> {activeCase.vitals.fr} irpm</span>
              {showReferences && <span className="text-[9px] text-slate-500 dark:text-slate-400 mt-1.5 font-mono bg-white dark:bg-slate-900 px-1.5 py-0.5 rounded inline-block w-max border border-slate-200 dark:border-slate-700 shadow-sm">Ref: 12 a 20 irpm</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Temperatura</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Thermometer className="w-3 h-3 text-amber-500" /> {activeCase.vitals.temp} °C</span>
              {showReferences && <span className="text-[9px] text-slate-500 dark:text-slate-400 mt-1.5 font-mono bg-white dark:bg-slate-900 px-1.5 py-0.5 rounded inline-block w-max border border-slate-200 dark:border-slate-700 shadow-sm">Ref: 36,1 a 37,2 °C</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Saturação O₂</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Droplets className="w-3 h-3 text-blue-500" /> {activeCase.vitals.sat}%</span>
              {showReferences && <span className="text-[9px] text-slate-500 dark:text-slate-400 mt-1.5 font-mono bg-white dark:bg-slate-900 px-1.5 py-0.5 rounded inline-block w-max border border-slate-200 dark:border-slate-700 shadow-sm">Ref: &gt; 95%</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Peso</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Scale className="w-3 h-3 text-emerald-600 dark:text-emerald-500" /> {activeCase.vitals.peso} kg</span>
              {showReferences && <span className="text-[9px] text-slate-400 mt-1.5 font-mono italic inline-block w-max">Individual</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">Altura</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Ruler className="w-3 h-3 text-indigo-500" /> {activeCase.vitals.altura} m</span>
              {showReferences && <span className="text-[9px] text-slate-400 mt-1.5 font-mono italic inline-block w-max">Individual</span>}
            </div>
            <div className="flex flex-col">
              <span className="text-[10px] uppercase tracking-widest font-bold text-slate-500 dark:text-slate-400">IMC</span>
              <span className="text-sm font-black text-slate-800 dark:text-slate-200 flex items-center gap-1"><Calculator className="w-3 h-3 text-purple-500" /> {((activeCase.vitals.peso) / (activeCase.vitals.altura * activeCase.vitals.altura)).toFixed(1)}</span>
              {showReferences && <span className="text-[9px] text-slate-500 dark:text-slate-400 mt-1.5 font-mono bg-white dark:bg-slate-900 px-1.5 py-0.5 rounded inline-block w-max border border-slate-200 dark:border-slate-700 shadow-sm">Ref: 18,5 a 24,9</span>}
            </div>
          </div>
        </div>
      )}

      <div className="flex-1 p-6 overflow-y-auto bg-slate-50 dark:bg-slate-900/50 space-y-4">
        {messages.map((msg, idx) => (
          <div key={idx} className={`flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'}`}>
            {msg.role === 'system' ? (
              <div className="w-full text-center my-2">
                <span className="text-[10px] uppercase tracking-widest font-bold text-slate-400 dark:text-slate-500">
                  --- {msg.content} ---
                </span>
              </div>
            ) : (
              <div className={`max-w-[75%] p-3 rounded-md text-sm border ${
                msg.role === 'user' 
                  ? 'bg-blue-800 dark:bg-indigo-700 text-white border-blue-900 dark:border-indigo-800 rounded-br-none' 
                  : 'bg-white dark:bg-slate-800 text-slate-800 dark:text-slate-200 border-slate-300 dark:border-slate-700 rounded-bl-none shadow-sm'
              }`}>
                {msg.content}
              </div>
            )}
          </div>
        ))}
        {isLoading && (
           <div className="flex justify-start">
             <div className="bg-white dark:bg-slate-800 border border-slate-300 dark:border-slate-700 p-3 rounded-md rounded-bl-none text-xs text-slate-400 dark:text-slate-500 uppercase tracking-widest">
                Aguardando resposta...
             </div>
           </div>
        )}
        <div ref={messagesEndRef} />
      </div>

      <div className="p-3 bg-white dark:bg-slate-800 border-t border-slate-200 dark:border-slate-700 flex gap-2 rounded-b-md">
        <button
          onClick={toggleRecording}
          className={`px-3 border rounded-md transition-colors flex items-center justify-center ${
            isRecording ? 'bg-red-50 dark:bg-red-900/30 border-red-200 dark:border-red-800 text-red-600 dark:text-red-400 animate-pulse' : 'bg-slate-50 dark:bg-slate-900 border-slate-200 dark:border-slate-700 text-slate-600 dark:text-slate-400 hover:bg-slate-100 dark:hover:bg-slate-950'
          }`}
          title="Transcrição de Voz"
        >
          <Mic className="w-5 h-5" />
        </button>
        <textarea
          className="flex-1 resize-none bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-700 rounded-md p-2.5 focus:outline-none focus:ring-1 focus:ring-blue-800 dark:focus:ring-indigo-500 text-sm text-slate-900 dark:text-white placeholder:text-slate-400 dark:placeholder:text-slate-500"
          placeholder={isRecording ? "Registrando áudio..." : "Digite a pergunta ao paciente..."}
          rows="1"
          value={input}
          onChange={(e) => setInput(e.target.value)}
          onKeyDown={(e) => { if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); handleSend(); } }}
        />
        <Button variant="primary" onClick={handleSend} disabled={isLoading || !input.trim()} className="px-4">
          <Send className="w-4 h-4" />
        </Button>
      </div>
    </div>
  );
};

// 5. Tela de Vídeos Práticos (Sêmio Vídeos)
const SEMIO_VIDEOS_CONFIG = [
  { id: 'geral', title: 'Exame Físico Geral', desc: 'Avaliação do estado geral, nível de consciência, biotipo, fácies, postura e sinais vitais.', icon: User, videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'cp', title: 'Exame Físico de Cabeça e Pescoço', desc: 'Avaliação de linfonodos, tireoide, mucosas, pupilas e mobilidade cervical.', icon: Brain, videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'gastro', title: 'Exame Físico do Sist. Gastrointestinal', desc: 'Técnicas de inspeção, ausculta, percussão e palpação abdominal.', icon: Activity, videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'resp', title: 'Exame Físico do Sist. Respiratório', desc: 'Inspeção torácica, palpação (FTV), percussão e ausculta pulmonar.', icon: Wind, videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
  { id: 'cardio', title: 'Exame Físico do Sist. Cardiovascular', desc: 'Ausculta de focos cardíacos, ictus cordis e pulsos periféricos.', icon: HeartPulse, videoUrl: 'COLOQUE_SEU_LINK_AQUI' },
];

const SemioVideos = () => (
  <div className="max-w-6xl mx-auto space-y-6 h-full animate-in fade-in">
    <div className="border-b border-slate-200 dark:border-slate-700 pb-4">
      <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100 tracking-tight flex items-center gap-2">
        <PlayCircle className="w-6 h-6 text-red-600 dark:text-red-500" /> Semio Vídeos
      </h1>
      <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Biblioteca de videoaulas demonstrativas para prática de exame físico.</p>
    </div>

    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-6">
      {SEMIO_VIDEOS_CONFIG.map(v => (
        <Card key={v.id} className="flex flex-col h-full group hover:shadow-lg dark:hover:shadow-xl dark:hover:shadow-black/50 transition-all duration-300 overflow-hidden">
          <div className="p-6 flex flex-col h-full">
             <div className="flex items-center gap-4 mb-4">
               <div className="p-3 bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 rounded-xl group-hover:scale-110 transition-transform">
                 <v.icon className="w-6 h-6" />
               </div>
               <h3 className="font-bold text-slate-900 dark:text-slate-100 text-lg leading-tight">{v.title}</h3>
             </div>
             <p className="text-sm text-slate-600 dark:text-slate-400 flex-1 mb-6 leading-relaxed">{v.desc}</p>
             <a
               href={v.videoUrl !== 'COLOQUE_SEU_LINK_AQUI' ? v.videoUrl : '#'}
               target="_blank"
               rel="noopener noreferrer"
               onClick={(e) => {
                 if (v.videoUrl === 'COLOQUE_SEU_LINK_AQUI') {
                   e.preventDefault();
                   alert('O link do Drive para esta videoaula será adicionado em breve!');
                 }
               }}
               className="mt-auto flex items-center justify-center gap-2 w-full bg-slate-100 dark:bg-slate-800 hover:bg-red-600 hover:text-white dark:hover:bg-red-700 text-slate-700 dark:text-slate-200 font-bold py-3 px-4 rounded-lg transition-colors uppercase tracking-widest text-xs"
             >
               <PlayCircle className="w-4 h-4" /> Assistir Aula Prática
             </a>
          </div>
        </Card>
      ))}
    </div>
  </div>
);

// 6. Tela de Áudios Práticos (Semio Áudios)
const SEMIO_AUDIOS_CONFIG = {
  respiratorio: [
    { id: 'resp_mv', title: 'Murmúrio Vesicular', desc: 'Som normal da respiração, suave e de baixa tonalidade.', url: 'https://youtu.be/xnubmmeDWrw?si=6W73fKmM4ylqaeBy' },
    { id: 'resp_est_finos', title: 'Estertores Finos', desc: 'Som de crepitação, como friccionar cabelos (ex: Pneumonia, ICC).', url: 'https://youtu.be/z4Fu1udzrTw?si=lMuFu7rqm3pkECAE' },
    { id: 'resp_est_grossos', title: 'Estertores Grossos', desc: 'Som bolhoso de secreção nas vias aéreas maiores (ex: Bronquite).', url: 'https://youtu.be/a1XIRVseNIM?si=KOQ_pHXBJ9KI90cX' },
    { id: 'resp_sibilos', title: 'Sibilos', desc: 'Som agudo e musical (assobio), comum na Asma e DPOC.', url: 'https://youtu.be/1-ushapZVlg?si=PZlKo0R3AYb7HzST' },
    { id: 'resp_roncos', title: 'Roncos', desc: 'Som grave contínuo, semelhante a roncar, por secreção ou estreitamento.', url: 'https://youtu.be/nokZ5sNt3fA?si=vRXgE4zSkl_g8Vrc' },
    { id: 'resp_atrito_pleural', title: 'Atrito Pleural', desc: 'Som de fricção semelhante ao atrito de couro seco, indicativo de inflamação pleural.', url: 'https://youtu.be/xxVvxdoAUPk?si=Lug2v9BP5P3LhrWP' }
  ],
  cardiovascular: [
    { id: 'card_b1b2', title: 'Bulhas Normais (B1 e B2)', desc: 'Sons fisiológicos clássicos do coração (Tum - Ta).', url: 'https://youtu.be/fCrk6748SaQ?si=vxMUjGYVDX0HFioK' },
    { id: 'card_b3', title: 'Terceira Bulha (B3)', desc: 'Ritmo de galope ventricular (Tum-Ta-Ta) - Sobrecarga de volume.', url: 'https://youtu.be/4Oq8w_cFEfo?si=sdypU596FnyNk3Me' },
    { id: 'card_b4', title: 'Quarta Bulha (B4)', desc: 'Ritmo de galope atrial (Ta-Tum-Ta) - Coração rígido/hipertrófico.', url: 'https://youtu.be/4Oq8w_cFEfo?si=sdypU596FnyNk3Me' },
    { id: 'card_sistolico', title: 'Sopro Sistólico', desc: 'Ruído entre B1 e B2 (ex: Estenose Aórtica, Insuficiência Mitral).', url: 'https://youtu.be/1YpvFV7rwPw?si=rz6MAT1MDqMJj6ML' },
    { id: 'card_diastolico', title: 'Sopro Diastólico', desc: 'Ruído após B2 (ex: Insuficiência Aórtica, Estenose Mitral).', url: 'https://youtu.be/aGLTJduxwvw?si=I2tRT4S1QiuhHNzY' },
    { id: 'card_atrito', title: 'Atrito Pericárdico', desc: 'Som de raspagem como "couro arranhando", indicativo de Pericardite.', url: 'https://youtu.be/9r6g4E-pb_I?si=c2crBEUspqMLTdUr' }
  ]
};

const SemioAudios = () => (
  <div className="max-w-6xl mx-auto space-y-10 h-full animate-in fade-in pb-10">
    <div className="border-b border-slate-200 dark:border-slate-700 pb-4">
      <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100 tracking-tight flex items-center gap-2">
        <Volume2 className="w-6 h-6 text-teal-600 dark:text-teal-500" /> Semio Áudios
      </h1>
      <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Biblioteca sonora com os principais achados da ausculta pulmonar e cardíaca.</p>
    </div>

    {/* Seção Respiratória */}
    <div>
      <div className="flex items-center gap-3 mb-6 bg-slate-100 dark:bg-slate-800 p-3 rounded-md border border-slate-200 dark:border-slate-700 shadow-sm">
        <Wind className="w-5 h-5 text-blue-600 dark:text-blue-400" />
        <h2 className="text-lg font-bold text-slate-800 dark:text-slate-200">Semiologia Respiratória</h2>
      </div>
      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
        {SEMIO_AUDIOS_CONFIG.respiratorio.map(a => (
          <Card key={a.id} className="p-5 flex flex-col justify-between group hover:border-teal-300 dark:hover:border-teal-700 transition-colors">
             <div>
               <h3 className="font-bold text-slate-900 dark:text-slate-100 text-base mb-1">{a.title}</h3>
               <p className="text-xs text-slate-600 dark:text-slate-400 leading-relaxed mb-4">{a.desc}</p>
             </div>
             <a
               href={a.url !== 'COLOQUE_SEU_LINK_AQUI' ? a.url : '#'}
               target="_blank"
               rel="noopener noreferrer"
               onClick={(e) => {
                 if (a.url === 'COLOQUE_SEU_LINK_AQUI') {
                   e.preventDefault();
                   alert('O link do Drive para este áudio será adicionado em breve!');
                 }
               }}
               className="flex items-center justify-center gap-2 w-full bg-slate-50 dark:bg-slate-900/50 hover:bg-teal-600 hover:text-white dark:hover:bg-teal-700 text-slate-700 dark:text-slate-200 font-bold py-2.5 px-4 rounded-md transition-colors uppercase tracking-widest text-[10px] border border-slate-200 dark:border-slate-700 group-hover:border-transparent"
             >
               <PlayCircle className="w-3 h-3" /> Ouvir Ausculta
             </a>
          </Card>
        ))}
      </div>
    </div>

    {/* Seção Cardiovascular */}
    <div className="pt-4">
      <div className="flex items-center gap-3 mb-6 bg-slate-100 dark:bg-slate-800 p-3 rounded-md border border-slate-200 dark:border-slate-700 shadow-sm">
        <HeartPulse className="w-5 h-5 text-red-600 dark:text-red-400" />
        <h2 className="text-lg font-bold text-slate-800 dark:text-slate-200">Semiologia Cardiovascular</h2>
      </div>
      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
        {SEMIO_AUDIOS_CONFIG.cardiovascular.map(a => (
          <Card key={a.id} className="p-5 flex flex-col justify-between group hover:border-teal-300 dark:hover:border-teal-700 transition-colors">
             <div>
               <h3 className="font-bold text-slate-900 dark:text-slate-100 text-base mb-1">{a.title}</h3>
               <p className="text-xs text-slate-600 dark:text-slate-400 leading-relaxed mb-4">{a.desc}</p>
             </div>
             <a
               href={a.url !== 'COLOQUE_SEU_LINK_AQUI' ? a.url : '#'}
               target="_blank"
               rel="noopener noreferrer"
               onClick={(e) => {
                 if (a.url === 'COLOQUE_SEU_LINK_AQUI') {
                   e.preventDefault();
                   alert('O link do Drive para este áudio será adicionado em breve!');
                 }
               }}
               className="flex items-center justify-center gap-2 w-full bg-slate-50 dark:bg-slate-900/50 hover:bg-teal-600 hover:text-white dark:hover:bg-teal-700 text-slate-700 dark:text-slate-200 font-bold py-2.5 px-4 rounded-md transition-colors uppercase tracking-widest text-[10px] border border-slate-200 dark:border-slate-700 group-hover:border-transparent"
             >
               <PlayCircle className="w-3 h-3" /> Ouvir Ausculta
             </a>
          </Card>
        ))}
      </div>
    </div>

  </div>
);

// 7. Tela de Glossário Semiológico
const GLOSSARY_DATA = [
  { term: 'Abscesso', definition: 'Constitui uma coleção de pus ou material purulento, comumente associado a uma infecção bacteriana.' },
  { term: 'Abulia', definition: 'Perturbação ou Alteração fisiopatológica caracterizada por diminuição ou supressão da vontade.' },
  { term: 'Acalásia', definition: 'Compreende a ausência de relaxamento dos esfíncteres. Comumente decorrente de distúrbio nervoso ou por causa desconhecida.' },
  { term: 'Acrocianose', definition: 'Distúrbio circulatório que manifesta-se em extremidades tornando-as frias e de coloração azulada. Ocorre principalmente em mãos, e menos comumente os pés; algumas manifestações estão associadas ao fenômeno de Raynaud.' },
  { term: 'Acromegalia', definition: 'Distúrbio representado pelo aumento desproporcional dos membros e face, associado à hiperfunção da hipófise.' },
  { term: 'Adenite', definition: 'Inflamação ou ingurgitamento de uma glândula ou gânglio linfático.' },
  { term: 'Adenomegalia', definition: 'Hipertrofia de um gânglio linfático (linfonodo).' },
  { term: 'Adipsia', definition: 'Falta de sede.' },
  { term: 'Aerofagia', definition: 'Ato de deglutir ar. Acomete algumas pessoas, especialmente as que sofrem de dispepsia ou de certos estados ansiosos, neuróticos ou mesmo em situações que levem a uma agitação física e psíquica.' },
  { term: 'Afasia', definition: 'Sintoma neurológico revelado por perda ou incapacidade de expressar ou interpretar a linguagem falada ou escrita.' },
  { term: 'Afagia', definition: 'Impossibilidade de deglutir.' },
  { term: 'Afebril', definition: 'Sem febre.' },
  { term: 'Aférese', definition: 'Remoção do sangue do próprio paciente.' },
  { term: 'Agalactia', definition: 'Ausência de leite nas mamas depois do parto; agalactose.' },
  { term: 'Ageusia', definition: 'Ausência ou redução do sentido do paladar.' },
  { term: 'Aglossia', definition: 'Ausência congênita da língua.' },
  { term: 'Agnosia', definition: 'Perturbação que se caracteriza pelo fato de a pessoa poder ver e sentir os objetos, mas não reconhecê-los.' },
  { term: 'Agorafobia', definition: 'Distúrbio caracterizado pela sensação de medo de estar só em espaço aberto.' },
  { term: 'Agrafia', definition: 'Incapacidade para traduzir as ideias por escrito, apesar de não haver nenhum comprometimento psicomotor, da fala ou da compreensão.' },
  { term: 'Alopécia', definition: 'Redução parcial ou total de pelos ou cabelos em uma determinada área de pele.' },
  { term: 'Amaurose', definition: 'Distúrbio caracterizado por perda total da visão.' },
  { term: 'Amenorréia', definition: 'Ausência ou cessação da menstruação em mulheres em idade fértil. Se menos de 3 meses chamamos de atraso menstrual.' },
  { term: 'Anafrodisia', definition: 'Corresponde a falta de desejo sexual. Frigidez.' },
  { term: 'Anacusia', definition: 'Total perda da capacidade auditiva.' },
  { term: 'Anasarca', definition: 'Acúmulo generalizado de líquidos entre os tecidos (espaço intersticial); edema generalizado.' },
  { term: 'Anastomose', definition: 'União entre estruturas tubulares.' },
  { term: 'Angina', definition: 'Termo médico utilizado para se referir à sensação opressiva que decorre da falta de oxigenação do músculo cardíaco.' },
  { term: 'Aneurisma', definition: 'Alargamento de forma anormal da luz de um vaso sanguíneo.' },
  { term: 'Anisocoria', definition: 'Distúrbio onde ocorre desigualdade no diâmetro pupilar.' },
  { term: 'Anorexia', definition: 'Distúrbio onde o indivíduo apresenta perda de apetite ou do desejo de ingerir alimentos.' },
  { term: 'Anosmia', definition: 'Diminuição ou perda completa do olfato.' },
  { term: 'Anquiloglossia', definition: 'Distúrbio de desenvolvimento revelado pela presença de freio lingual curto, leva ao fenômeno conhecido como "língua presa".' },
  { term: 'Anquilose', definition: 'Imobilidade de uma articulação.' },
  { term: 'Anúria', definition: 'Diminuição ou supressão da secreção da urina.' },
  { term: 'Apnéia', definition: 'Condição onde há ausência de ciclos respiratórios.' },
  { term: 'Apnéia de sono', definition: 'Distúrbio do sono potencialmente grave em que a respiração cessa e começa repetidamente (SAHS).' },
  { term: 'Apraxia', definition: 'Distúrbio neurológico revelado pela incapacidade de executar movimentos coordenados.' },
  { term: 'Artralgia', definition: 'Dor em articulações.' },
  { term: 'Artrite', definition: 'Inflamação que acomete articulações.' },
  { term: 'Artrose', definition: 'Condição degenerativa representada pelo adelgaçamento ou destruição da cartilagem articular e deformação das superfícies ósseas de uma ou mais articulações.' },
  { term: 'Ascite', definition: 'Acúmulo/derrame de líquido em cavidade abdominal.' },
  { term: 'Astenia', definition: 'Ausência ou perda de força muscular.' },
  { term: 'Ataxia', definition: 'Falta de coordenação de movimentos musculares voluntários ou mesmo de equilíbrio.' },
  { term: 'Atetose', definition: 'Consequência de lesões centrais, caracterizada por apresentar movimentos irregulares e arrítmicos de mãos, pés associado a distensões e contrações dos dedos.' },
  { term: 'Baqueteamento', definition: 'Termo que refere a uma dilatação da última falange de cada quirodáctilo, fazendo com que os dedos mimetizem uma baqueta de tocar tambor (hipocratismo digital).' },
  { term: 'Bócio', definition: 'Aumento do tamanho da glândula tireóide, produzindo um abaulamento clínico na região anterior do pescoço.' },
  { term: 'Bolha', definition: 'Termo semiológico que se refere à uma lesão elevada, maior que 1 cm de diâmetro e que apresenta acúmulo de líquido de aspecto claro ou citrino.' },
  { term: 'Bradicardia', definition: 'Diminuição da frequência cardíaca a menos de 60 batimentos por minuto.' },
  { term: 'Bradicinesia', definition: 'Termo médico que define a lentidão anormal dos movimentos.' },
  { term: 'Bradipnéia', definition: 'Estado em que um indivíduo se encontra quando apresenta uma frequência respiratória abaixo de 8 inspirações por minuto.' },
  { term: 'Bulimia', definition: 'Ingesta compulsiva de alimentos, comumente seguida de indução de vômitos.' },
  { term: 'Cacifo', definition: 'Sinal clínico avaliado por meio de pressão digital sobre um edema de pele. Considera-se cacifo positivo em áreas onde a compressão não se desfaz imediatamente.' },
  { term: 'Cacofagia', definition: 'Estado mórbido em que o paciente apresenta perversão do apetite, ingerindo substâncias repugnantes, como fezes.' },
  { term: 'Cacosmia', definition: 'Indivíduo que aprecia ou sente atração por cheiros desagradáveis.' },
  { term: 'Calázio', definition: 'Condição inflamatória caracterizada por pequeno nódulo localizado nas pálpebras causado pelo bloqueio das glândulas palpebrais.' },
  { term: 'Calvície', definition: 'Também denominada de alopécia androgênica. Afecção caracterizada por perda de cabelos.' },
  { term: 'Canície', definition: 'Alvura adquirida e/ou fisiológica dos cabelos.' },
  { term: 'Caquexia', definition: 'Emagrecimento extremo com comprometimento franco do estado geral e incapacidade de desempenhar atividades mínimas.' },
  { term: 'Catatonia', definition: 'Quadro clínico onde ocorre uma perturbação da iniciativa e comportamento motor, bem como do grau de tensão muscular.' },
  { term: 'Cefaléia', definition: 'Dor de cabeça.' },
  { term: 'Ceratite', definition: 'Inflamação na córnea.' },
  { term: 'Ceratocone', definition: 'Condição patológica que afeta o formato e a espessura da córnea, resultando em percepção distorcida de imagens.' },
  { term: 'Cervicalgia', definition: 'Dor localizada na região cervical (parte posterior do pescoço ou nuca).' },
  { term: 'Cervicite', definition: 'Inflamação localizada no colo uterino.' },
  { term: 'Choque', definition: 'Sofrimento celular fruto da falta de irrigação sanguínea.' },
  { term: 'Choque anafilático', definition: 'Reação alérgica grave, resultando em diminuição da pressão arterial, taquicardia, acompanhado ou não de edema de glote.' },
  { term: 'Choque séptico', definition: 'Termo médico utilizado para designar a falência circulatória aguda por causa infecciosa.' },
  { term: 'Cianose', definition: 'Sinal onde o paciente apresenta cor azulada ou arroxeada da pele e das mucosas, decorrente da diminuição da oxigenação tecidual.' },
  { term: 'Claudicação', definition: 'Distúrbio de marcha devido a diferenças anatômicas ou funcionais entre os membros inferiores.' },
  { term: 'Clônus', definition: 'Série de contrações involuntárias devido a um estiramento súbito do músculo.' },
  { term: 'Colêmese', definition: 'Vômito com bile.' },
  { term: 'Colestase', definition: 'Diminuição ou interrupção do fluxo da bilis como resultado de retenção do conteúdo biliar no fígado.' },
  { term: 'Colite', definition: 'Inflamação do cólon.' },
  { term: 'Constipação', definition: 'Afecção produzida por alteração de trânsito intestinal, gerando retenção de fezes ou dificuldade de sua evacuação.' },
  { term: 'Coriza', definition: 'Corrimento de secreção nasal.' },
  { term: 'Dacriocistite', definition: 'Inflamação do saco nasolacrimal.' },
  { term: 'Delírio', definition: 'Alteração aguda da consciência ou da lucidez, fruto de um distúrbio orgânico.' },
  { term: 'Derrame', definition: 'Acúmulo anormal de líquido em qualquer cavidade ou órgão (pleural, peritoneal, pericárdico, sinovial).' },
  { term: 'Derrame Pleural', definition: 'Acúmulo de líquido no espaço pleural (tórax).' },
  { term: 'Diarréia', definition: 'Evacuação de mais de 200g de fezes ao dia. Perturbação intestinal caracterizada por aumento na frequência de evacuações.' },
  { term: 'Diérese', definition: 'Segmentação de fragmentos de tecidos orgânicos normalmente unidos, de forma acidental ou cirúrgica, sem perda de substância.' },
  { term: 'Diplopia', definition: 'Presença de visão dupla relatada pelo paciente, ocorre comumente em estrabismo.' },
  { term: 'Disacusia', definition: 'Estado mórbido em que sons produzem distúrbio da audição, dor ou mal-estar.' },
  { term: 'Disartria', definition: 'Dificuldade na articulação da fala.' },
  { term: 'Disdiadococinesia', definition: 'Incapacidade de realizar eficientemente movimentos rápidos e alternados. Ocorre comumente em doença cerebelar.' },
  { term: 'Disenteria', definition: 'Diarréia com a presença de muco, pus ou sangue nas fezes e dor à evacuação (tenesmo).' },
  { term: 'Disfagia', definition: 'Distúrbio em que o paciente apresenta dificuldade de deglutição.' },
  { term: 'Disfasia', definition: 'Perturbação na compreensão e/ou expressão da linguagem.' },
  { term: 'Disfonia', definition: 'Alteração ou dificuldade da produção normal da voz.' },
  { term: 'Dislexia', definition: 'Dificuldade de leitura, apesar da visão e da articulação normais. Defeito da habilidade de processar símbolos gráficos.' },
  { term: 'Dismenorréia', definition: 'Dor associada à menstruação.' },
  { term: 'Dispareunia', definition: 'Coito doloroso.' },
  { term: 'Dispepsia', definition: 'Conjunto de sinais relacionados ao trato gastrointestinal com odor, queimação ou desconforto na região superior do abdômen.' },
  { term: 'Dispnéia', definition: 'Dificuldade para respirar, sensação subjetiva de falta de ar ao nível de trato respiratório inferior.' },
  { term: 'Dispnéia paroxística', definition: 'Dificuldade da respiração que surge em crises, comumente à noite quando o paciente deita.' },
  { term: 'Disquesia', definition: 'Evacuação dolorosa.' },
  { term: 'Distaxia', definition: 'Dificuldade na coordenação de movimentos musculares voluntários ou de equilíbrio.' },
  { term: 'Distonia', definition: 'Movimento ou postura anormal mantida, devido à alteração do tônus.' },
  { term: 'Disúria', definition: 'Micção difícil ou dolorosa de urina.' },
  { term: 'Diverticulite', definition: 'Inflamação aguda da parede de um divertículo colônico.' },
  { term: 'Divertículo', definition: 'Eventração de parte da mucosa do cólon através de uma área enfraquecida da parede intestinal.' },
  { term: 'Eclâmpsia', definition: 'Complicação grave nos últimos meses de gravidez caracterizada por ataques convulsivos de início súbito.' },
  { term: 'Eczema', definition: 'Lesões generalizadas em forma de placas, manchas ou por vezes bolhas, devido a uma reação por contato local ou sistêmica.' },
  { term: 'Edema', definition: 'Acúmulo anormal de líquido localizado nos espaços intercelulares dos tecidos ou em diferentes cavidades corpóreas.' },
  { term: 'Efélides', definition: 'Manchas causadas pelo aumento de melanina na pele e estimuladas pela exposição ao sol (sardas).' },
  { term: 'Embolia', definition: 'Presença de uma substância sólida, líquida ou gasosa no circuito arterial com a consequente obstrução do fluxo.' },
  { term: 'Êmese', definition: 'Vômito.' },
  { term: 'Encoprese', definition: 'Emissão involuntária de fezes, após a idade na qual o controle dos esfíncteres já deveria existir.' },
  { term: 'Enema', definition: 'Inserção de substâncias líquidas ou semilíquidas através do esfíncter anal, para induzir a defecação ou administrar medicamentos.' },
  { term: 'Enfisema', definition: 'Condição patológica caracterizada por destruição das paredes dos alvéolos pulmonares.' },
  { term: 'Enoftalmia', definition: 'Retração do globo ocular, posição profunda do globo ocular na órbita.' },
  { term: 'Enterorragia', definition: 'Hemorragia intestinal com eliminação de sangue vivo pelo ânus.' },
  { term: 'Enurese', definition: 'Emissão involuntária de urina durante a noite.' },
  { term: 'Episiotomia', definition: 'Incisão ao nível do assoalho perineal, visando ampliar o canal do parto, facilitando o desprendimento fetal.' },
  { term: 'Epispádia', definition: 'Abertura da uretra em qualquer região da face dorsal da haste peniana.' },
  { term: 'Epistaxe', definition: 'Hemorragia de origem nasal.' },
  { term: 'Equimose', definition: 'Mancha amarronada/acastanhada, resultante do extravasamento de sangue no tecido subcutâneo resultado de uma ruptura capilar.' },
  { term: 'Erisipela', definition: 'Infecção cutânea que acomete derme e tecido subcutâneo, produzida por estreptococos.' },
  { term: 'Eritema', definition: 'Também denominado de rubor, coloração avermelhada ocasionada por vasodilatação vascular.' },
  { term: 'Eritrodermia', definition: 'Eritema ou ruborização generalizada em pele.' },
  { term: 'Eructação', definition: 'Expulsão súbita, por vezes ruidosa, de gases pela boca ("arroto").' },
  { term: 'Escotoma', definition: 'Região do campo visual que apresenta perda total ou parcial da acuidade visual, cerceada por área de visão normal.' },
  { term: 'Esteatorréia', definition: 'Presença de quantidade anormal e excessiva de gorduras nas fezes.' },
  { term: 'Estridor', definition: 'Ruído respiratório áspero, de tonalidade alta, ocorre por obstrução das vias aéreas altas (sintoma de cornagem).' },
  { term: 'Exantema', definition: 'Erupção eritematosa generalizada e aguda, de curta duração.' },
  { term: 'Exoftalmia', definition: 'Projeção do globo ocular para frente.' },
  { term: 'Exsulceração', definition: 'Processo patológico de formação de uma úlcera.' },
  { term: 'Fácie de "Lua Cheia"', definition: 'Ou fácie Cushingóide, o rosto do paciente apresenta-se arredondado, por depósito de gordura, avermelhado, com aumento na quantidade de pelos e acne.' },
  { term: 'Fâneros', definition: 'Anexos cutâneos (pele e unhas).' },
  { term: 'Fasciculação', definition: 'Contrações irregulares e não rítmicas de fascículos musculares, mesmo no estado de repouso.' },
  { term: 'Fenômeno de Raynaud', definition: 'Exagero na resposta à temperatura fria. As artérias de pequeno calibre sofrem espasmo e a pele torna-se pálida, com manchas vermelhas e, posteriormente, azuis.' },
  { term: 'Fimose', definition: 'Condição na qual é impossível retrair o prepúcio sobre a glande, de forma a exteriorizá-la.' },
  { term: 'Flatulência', definition: 'Corresponde ao acúmulo anormal de gases no estômago e/ou intestinos.' },
  { term: 'Flebite', definition: 'Inflamações que ocorrem em veias.' },
  { term: 'Flegmasia Alba dolens', definition: 'Condição onde ocorre palidez devido à isquemia secundária ao fluxo arterial devido à diminuição do retorno venoso. Não apresenta cianose.' },
  { term: 'Flegmasia Coerulea dolens', definition: 'Oclusão do sistema venoso superficial e profundo simultaneamente. O membro torna-se cianótico ("flebite azul").' },
  { term: 'Fonofobia', definition: 'Intolerância a ruídos ou sons.' },
  { term: 'Fotofobia', definition: 'Intolerância à luz.' },
  { term: 'Frêmito', definition: 'Sensação vibratória percebida à palpação do tórax no momento em que o paciente fala (toracovocal) ou respira (pleural e brônquico).' },
  { term: 'Frigidez', definition: 'Insensibilidade sexual, anafrodisia.' },
  { term: 'Galactorréia', definition: 'Secreção leitosa por via mamária de forma anormal e fora do período de amamentação.' },
  { term: 'Gangrena', definition: 'Morte celular/tecidual por irrigação insuficiente. Divide-se em gasosa (ação de anaeróbias), seca (desidratação/mumificação) e úmida/pútrida (liquefação).' },
  { term: 'Gastrite', definition: 'Inflamação aguda ou crônica da mucosa estomacal.' },
  { term: 'Gengivite', definition: 'Inflamação na gengiva, sem comprometimento ósseo adjacente.' },
  { term: 'Ginecomastia', definition: 'Aumento anormal de uma ou ambas as glândulas mamárias em indivíduos do sexo masculino.' },
  { term: 'Glaucoma', definition: 'Aumento da pressão intra-ocular.' },
  { term: 'Glicosúria', definition: 'Presença de glicose na urina.' },
  { term: 'Goma', definition: 'Lesão (nódulo/tumor) que se liquefaz na porção central e pode se ulcerar eliminando substância necrótica. Comum em sífilis.' },
  { term: 'Halitose', definition: 'Presença de odor desagradável proveniente da cavidade oral.' },
  { term: 'Halo senil', definition: 'Arco ou anel opaco-esbranquiçado perifericamente à córnea. Associado ao acúmulo de colesterol, ocorrendo em idosos (gerontoxo).' },
  { term: 'Hematêmese', definition: 'Eliminação de sangue por meio de vômito proveniente do tubo digestivo.' },
  { term: 'Hematoma', definition: 'Tumefação bem definida decorrente de coleção sanguínea proveniente de rompimento de vasos sanguíneos.' },
  { term: 'Hematoquezia', definition: 'Presença de sangue com cor vermelha viva misturado às fezes (hemorragia baixa).' },
  { term: 'Hematúria', definition: 'Presença de sangue na urina.' },
  { term: 'Hemiplegia', definition: 'Paralisia de uma área que afeta metade do corpo.' },
  { term: 'Hemoflictema', definition: 'Vesícula com conteúdo sanguinolento no seu interior.' },
  { term: 'Hemoptise', definition: 'Expulsão/expectoração sanguinolenta por meio da tosse, proveniente de hemorragia na árvore respiratória.' },
  { term: 'Hemorragia', definition: 'Extravasamento de sangue do sistema cardiovascular para outra topografia anatômica ou para o meio extra-corpóreo.' },
  { term: 'Hepatite', definition: 'Inflamação do fígado.' },
  { term: 'Hipertricose', definition: 'Aumento da pilosidade (crescimento de pelos), genética ou adquirida.' },
  { term: 'Hipoacusia', definition: 'Diminuição da acuidade auditiva.' },
  { term: 'Hipostadia', definition: 'Defeito congênito onde o meato uretral abre-se ventralmente ao longo da haste peniana ou no períneo.' },
  { term: 'Hipotricose', definition: 'Ausência de pêlos ou cabelos em topografia anatômica em que comumente deveriam aparecer.' },
  { term: 'Hirsutismo', definition: 'Desenvolvimento na mulher de pilosidade excessiva e de feitio masculino.' },
  { term: 'Histerectomia', definition: 'Remoção cirúrgica do útero, podendo incluir a retirada das trompas e ovários.' },
  { term: 'Hordéolo', definition: 'Pequeno abscesso na borda das pálpebras causado pela inflamação dos folículos ciliares.' },
  { term: 'Icterícia', definition: 'Coloração amarelada da pele, mucosas e esclerótica por maior presença de bilirrubina no sangue.' },
  { term: 'Ictiose', definition: 'Condição hereditária, onde a pele apresenta forma semelhante a escamas de peixe (dermatose ictiosiforme).' },
  { term: 'Ileite', definition: 'Inflamação do íleo.' },
  { term: 'Impersistência', definition: 'Paciente abaixa o braço sustentado por "impaciência em manter a posição", e não por déficit de força.' },
  { term: 'Incontinência', definition: 'Perda da capacidade de controlar os esfíncteres anal ou vesical.' },
  { term: 'Infarto', definition: 'Morte de um tecido ou mesmo de um órgão por irrigação sanguínea insuficiente ou inadequada.' },
  { term: 'Iridociclite', definition: 'Infecção de um dos anexos da vista (íris e corpo ciliar).' },
  { term: 'Irite', definition: 'Inflamação da íris.' },
  { term: 'Kernicterus', definition: 'Impregnação de bilirrubina nos núcleos da base em crianças ictéricas, gerando espasticidade, atetose e deficiência mental.' },
  { term: 'Kwashiorkor', definition: 'Condição de desnutrição infantil grave, caracterizada por carência absoluta de proteínas, mas com oferta de carboidratos.' },
  { term: 'Lagoftalmia', definition: 'Condição que impede a pessoa de fechar completamente as suas pálpebras.' },
  { term: 'Leucocitúria', definition: 'Presença de leucócitos na urina.' },
  { term: 'Leucoderma', definition: 'Termo para designar um paciente caucasiano.' },
  { term: 'Leucoma', definition: 'Opacidade corneana. A córnea cursa com aspecto branco em toda sua extensão ou em parte.' },
  { term: 'Leucoplasia', definition: 'Termo clínico usado para designar uma lesão de matiz esbranquiçada em mucosas.' },
  { term: 'Leucorreia', definition: 'Corrimento de coloração esbranquiçada através da vagina ou uretra.' },
  { term: 'Leucotricose', definition: 'Embranquecimento dos cabelos devido à falta de formação de melanina; pode ser congênita ou adquirida.' },
  { term: 'Leucotríquia anular', definition: 'Pêlos anulares (pili annulati); distrofia congênita rara onde os cabelos apresentam áreas claras e escuras alternadas.' },
  { term: 'Linfadenite', definition: 'Inflamação dos gânglios linfáticos. Condição que comumente leva à linfadenomegalia.' },
  { term: 'Linfadenomegalia', definition: 'Aumento de linfonodos (sinônimo de adenomegalia).' },
  { term: 'Lipotímia', definition: 'Desfalecimento, desmaio fugaz, sem que ocorra perda de consciência.' },
  { term: 'Lombalgia', definition: 'Dor na região lombar.' },
  { term: 'Mácula', definition: 'Pequena mancha cutânea plana, sem elevação, com coloração distinta do tecido que a circunda.' },
  { term: 'Madarose', definition: 'Condição que resulta na perda dos cílios e, por vezes, sobrancelhas. Corresponde a um estigma da hanseníase.' },
  { term: 'Marasmo', definition: 'Forma de desnutrição que causa perda do tecido muscular e subcutâneo.' },
  { term: 'Mecôneo', definition: 'Substância pastosa esverdeada, coletada no intestino do feto, que constitui as primeiras evacuações do recém-nascido.' },
  { term: 'Melanoderma', definition: 'Termo para designar um paciente afro-descendente.' },
  { term: 'Melena', definition: 'Evacuação de fezes de cor negra, "borra de café" e de odor fétido, indicando presença de sangue digerido.' },
  { term: 'Melenêmese', definition: 'Vômito em forma de "borra de café". Ocorre quando o sangue esteve em contato com o ácido gástrico.' },
  { term: 'Menarca', definition: 'Primeira menstruação de uma mulher, geralmente por volta dos 12-15 anos.' },
  { term: 'Menopausa', definition: 'Período da vida da mulher em que cessa a menstruação.' },
  { term: 'Metástase', definition: 'Presença de tecido neoplásico localizada num lugar distante do sítio de origem.' },
  { term: 'Meteorismo', definition: 'Intumescência abdominal resultado do acúmulo de gases no estômago e alças intestinais.' },
  { term: 'Método não invasivo', definition: 'Procedimentos que não envolvem instrumentos que rompem a pele ou que penetram fisicamente no organismo.' },
  { term: 'Metrorragia', definition: 'Sangramento uterino irregular, fora do período menstrual.' },
  { term: 'Midríase', definition: 'Dilatação da pupila em função da contração do músculo dilatador da pupila.' },
  { term: 'Mioclonia', definition: 'Contração muscular involuntária e súbita.' },
  { term: 'Miose', definition: 'Contração da pupila. Diminuição do diâmetro pupilar.' },
  { term: 'Narcose', definition: 'Alteração do estado de consciência devido à intoxicação por determinadas substâncias, como narcóticos.' },
  { term: 'Nevo', definition: 'Pequenas manchas ou elevações de coloração acastanhada ou enegrecida na pele.' },
  { term: 'Nictúria', definition: 'Predominância da emissão do volume urinário noturno sobre o diurno.' },
  { term: 'Nistagmo', definition: 'Tremores rítmicos, involuntários e bilaterais dos globos oculares (horizontal, vertical ou rotatório).' },
  { term: 'Nódulo', definition: 'Lesão sólida, elevada, apresentando diâmetro maior que 1 cm.' },
  { term: 'Nucalgia', definition: 'Dor na nuca.' },
  { term: 'Nulípara', definition: 'Mulher que nunca deu à luz.' },
  { term: 'Obstipação', definition: 'Aumento no intervalo entre as evacuações. Sem evacuar por mais de 3 dias. Conhecida como prisão de ventre.' },
  { term: 'Odinofagia', definition: 'Dor que ocorre durante o processo de deglutição.' },
  { term: 'Oligomenorréia', definition: 'Menstruações irregulares com intervalos prolongados. Sugere disfunção ovariana.' },
  { term: 'Oligúria', definition: 'Redução importante no volume urinário diário (geralmente menor que 100 ml em adultos).' },
  { term: 'Onicólise', definition: 'Descolamento da unha do leito ungueal, a partir de sua ligação distal e/ou lateral.' },
  { term: 'Onicomalácia', definition: 'Unha de consistência amolecida e friável; sugere sinal de doenças sistêmicas.' },
  { term: 'Ooforite', definition: 'Inflamação do ovário.' },
  { term: 'Orquite', definition: 'Processo inflamatório do testículo.' },
  { term: 'Ortopnéia', definition: 'Dificuldade para respirar quando deitado; melhora quando o paciente se senta (diminui o retorno venoso).' },
  { term: 'Osteomalácia', definition: 'Amolecimento e curvatura gradual dos ossos (Raquitismo do adulto). Resultado da calcificação deficiente.' },
  { term: 'Otalgia', definition: 'Dor de ouvido.' },
  { term: 'Otorragia', definition: 'Sangramento expelido pelo ouvido.' },
  { term: 'Otorréia', definition: 'Saída de secreção do ouvido.' },
  { term: 'Palpitação', definition: 'Percepção subjetiva e incômoda de batimento acelerado ou irregular do coração.' },
  { term: 'Pápula', definition: 'Lesão sólida, elevada, apresentando até 1 cm de diâmetro.' },
  { term: 'Paralisia de Bell', definition: 'Acometimento do nervo facial que leva à fraqueza repentina ou paralisia dos músculos de um dos lados da face.' },
  { term: 'Paraplegia', definition: 'Paralisia completa de dois segmentos simétricos do corpo (geralmente membros inferiores).' },
  { term: 'Paresia', definition: 'Perda parcial da motricidade - diminuição da força muscular.' },
  { term: 'Parestesia', definition: 'Aparecimento de sensação anormal e mal definida, sem prévia estimulação (dormência e formigamento).' },
  { term: 'Paroníquia', definition: 'Infecção da pele ao redor das unhas dos dedos das mãos ou dos pés.' },
  { term: 'Pectorilóquia', definition: 'A palavra pode ser ouvida com nitidez durante a ausculta pulmonar. Pode ser fônica (voz normal) ou áfona (voz cochichada).' },
  { term: 'Pênfigo', definition: 'Doenças autoimunes formando vesículas e bolhas que se rompem deixando uma zona erodida (Sinal de Nikolski).' },
  { term: 'Pirose', definition: 'Sensação de calor ou queimação no estômago (azia).' },
  { term: 'Piúria', definition: 'Presença de conteúdo mucopurulento (pus) na urina.' },
  { term: 'Placa', definition: 'Lesão elevada superficial com diâmetro acima de 1cm.' },
  { term: 'Plegia', definition: 'Perda de força muscular ou paralisia.' },
  { term: 'Pletória', definition: 'Aumento local ou geral da massa sanguínea.' },
  { term: 'Polaciúria', definition: 'Aumento da frequência urinária, sem relação com o volume de urina excretado.' },
  { term: 'Polidipsia', definition: 'Termo que refere a sede excessiva.' },
  { term: 'Polifagia', definition: 'Fome excessiva.' },
  { term: 'Poliúria', definition: 'Aumento no volume normal de urina excretado nas 24 horas.' },
  { term: 'Priapismo', definition: 'Ereção prolongada, não associada à estimulação sexual e geralmente dolorosa.' },
  { term: 'Proctite', definition: 'Inflamação da mucosa do reto.' },
  { term: 'Pródromo', definition: 'Manifestação clínica ou sintomática que antecede uma doença.' },
  { term: 'Proptose', definition: 'Deslocamento de um órgão para frente.' },
  { term: 'Pterígio', definition: 'Tecido fibrovascular recoberto pela conjuntiva ocular, de forma triangular e geralmente localizado no canto interno do olho.' },
  { term: 'Ptose palpebral', definition: 'Queda da pálpebra associada à lesão do nervo oculomotor (N.C. III).' },
  { term: 'Pústula', definition: 'Vesícula de conteúdo purulento.' },
  { term: 'Puxo', definition: 'Contração espasmódica do reto que precede as evacuações.' },
  { term: 'Rash', definition: 'Erupção de coloração avermelhada/eritematosa em pele como resultado de uma reação alérgica ou infecção (exantema).' },
  { term: 'Regurgitação', definition: 'Retorno à boca ou garganta do alimento recém-ingerido sem esforço de vômito.' },
  { term: 'Ressecção', definition: 'Extirpação cirúrgica parcial ou total de um órgão.' },
  { term: 'Rinite', definition: 'Inflamação do nariz.' },
  { term: 'Rinorréia', definition: 'Secreção nasal.' },
  { term: 'Salicismo', definition: 'Intoxicação por ácido salicílico (aspirina).' },
  { term: 'Sepse', definition: 'Disseminação de bactérias patogênicas a partir de um foco de infecção através da circulação sistêmica.' },
  { term: 'Sialorréia', definition: 'Aumento da secreção de saliva.' },
  { term: 'Sialosquise', definition: 'Diminuição da secreção de saliva.' },
  { term: 'Sinal', definition: 'Manifestação objetiva de uma doença.' },
  { term: 'Sinal patognomônico', definition: 'Manifestação específica de uma entidade patológica (doença).' },
  { term: 'Síncope', definition: 'Perda súbita da consciência, geralmente acompanhada de perda do tônus postural.' },
  { term: 'Síndrome', definition: 'Conjunto de sinais e sintomas de mesma marcha evolutiva, porém de causas diversas.' },
  { term: 'Sintoma', definition: 'Manifestação subjetiva de uma doença. Percepção anormal do próprio corpo.' },
  { term: 'Supuração', definition: 'Presença de secreção purulenta.' },
  { term: 'Taquicardia', definition: 'Aceleração dos batimentos cardíacos, comumente considerado acima de 100 bpm.' },
  { term: 'Taquipnéia', definition: 'Aumento da frequência respiratória.' },
  { term: 'Tenesmo', definition: 'Espasmo doloroso do esfíncter anal ou vesical com desejo urgente de defecar ou urinar.' },
  { term: 'Tinitus', definition: 'Zumbidos (acúfenos). Sensação subjetiva de ruídos sonoros sem existir uma fonte sonora externa.' },
  { term: 'Tique', definition: 'Movimento repetido irregular espasmódico.' },
  { term: 'Trepanação', definition: 'Intervenção cirúrgica em que um buraco (fenestra) é aberto no crânio.' },
  { term: 'Tumor', definition: 'Lesão sólida, elevada, com mais de 3 cm de diâmetro.' },
  { term: 'Úlcera', definition: 'Perda de revestimento epitelial deixando o tecido conjuntivo ou derme desnuda.' },
  { term: 'Unhas de Lindsay', definition: 'Unhas apresentando metade proximal de cor branca e distal vermelha. Ocorre na insuficiência renal.' },
  { term: 'Unhas hipocráticas', definition: 'Unhas recurvadas, em padrão de "vidro de relógio", associada a baqueteamento digital.' },
  { term: 'Urtica', definition: 'Pápula eritêmato-edematosa, de duração efêmera de borda irregular.' },
  { term: 'Vaginismo', definition: 'Contração involuntária da vagina.' },
  { term: 'Vaginite', definition: 'Inflamação da mucosa que reveste a vagina.' },
  { term: 'Vegetações', definition: 'Projeções sólidas, digitiformes, moles, por vezes sangrantes e de tamanhos variáveis.' },
  { term: 'Verruga', definition: 'Vegetação de superfície queratótica, de aspecto irregular.' },
  { term: 'Vertigem', definition: 'Sensação de rotação do organismo em relação ao ambiente ou do ambiente em relação ao organismo.' },
  { term: 'Vesícula', definition: 'Coleção líquida, elevada, com diâmetro de até 1 cm.' },
  { term: 'Vômica', definition: 'Eliminação súbita de grande quantidade de secreção mucopurulenta, de odor fétido; proveniente de cavidades pulmonares.' },
  { term: 'Xantelasma', definition: 'Manchas ou placas amarelas que surgem na região das pálpebras, provocada pelo depósito de lipídeos.' },
  { term: 'Xantoderma', definition: 'Termo para designar paciente nipônico (pele de cor amarela).' },
  { term: 'Xantomatose', definition: 'Acúmulo em excesso de lipídios no organismo por alteração metabólica ou formação de tumores.' },
  { term: 'Xeroftalmia', definition: 'Perda da secreção lacrimal e caracterização de ressecamento excessivo das mucosas que revestem o olho.' },
  { term: 'Xerostomia', definition: 'Ressecamento da boca em resultado pela secreção insuficiente ou ausente das glândulas salivares.' },
  { term: 'Acantose nigricans', definition: 'Hiperpigmentação e espessamento da pele, comum em dobras cutâneas, frequentemente associada à resistência à insulina.' },
  { term: 'Acolia fecal', definition: 'Fezes esbranquiçadas ou de cor muito clara devido à ausência de pigmentos biliares no intestino.' },
  { term: 'Acúfeno', definition: 'Sensação auditiva que não é produzida por estímulo sonoro externo; o mesmo que zumbido.' },
  { term: 'Afonia', definition: 'Perda total da voz, geralmente por problemas nas cordas vocais ou nervo laríngeo.' },
  { term: 'Alopecia areata', definition: 'Queda brusca de pelos ou cabelos formando placas circulares bem delimitadas, sem inflamação visível.' },
  { term: 'Amiotrofia', definition: 'Redução do volume e da força do músculo (atrofia muscular), por desuso ou lesão nervosa.' },
  { term: 'Anictérico', definition: 'Ausência de icterícia; estado normal da coloração das mucosas e escleróticas (sem tom amarelado).' },
  { term: 'Aracnodactilia', definition: 'Dedos anormalmente longos e finos, semelhantes a pernas de aranha (sinal clássico da Síndrome de Marfan).' },
  { term: 'Asterixe', definition: 'Tremor rítmico das mãos quando estendidas, também conhecido como "flapping", típico da encefalopatia hepática.' },
  { term: 'Blefaroptose', definition: 'Queda da pálpebra superior; termo técnico idêntico a ptose palpebral.' },
  { term: 'Borborigmo', definition: 'Ruído abdominal produzido pela movimentação de gases e líquidos no trato gastrointestinal.' },
  { term: 'Broncofonia', definition: 'Ressonância da voz que se ouve mais alta e clara que o normal durante a ausculta pulmonar (indica condensação).' },
  { term: 'Bruit', definition: 'Ruído ou sopro vascular audível à ausculta de uma artéria, geralmente provocado por fluxo sanguíneo turbulento.' },
  { term: 'Celulite', definition: 'Infecção bacteriana aguda da derme e dos tecidos subcutâneos, causando dor, eritema, calor e edema local.' },
  { term: 'Cifoescoliose', definition: 'Deformidade da coluna vertebral que combina desvio lateral (escoliose) e aumento da curvatura ântero-posterior (cifose).' },
  { term: 'Claudicação intermitente', definition: 'Dor ou cãibra nas pernas desencadeada pelo esforço (como caminhar) e aliviada pelo repouso; sinal de insuficiência arterial periférica.' },
  { term: 'Colúria', definition: 'Urina de coloração escura, semelhante à cor de "chá mate" ou "coca-cola", devido à presença de bilirrubina direta.' },
  { term: 'Coprolalia', definition: 'Uso involuntário e compulsivo de palavras obscenas ou inaceitáveis (comum na Síndrome de Tourette).' },
  { term: 'Crepitação', definition: 'Ruído ou sensação tátil de atrito, que pode ocorrer em articulações, tecidos com enfisema subcutâneo ou pulmões.' },
  { term: 'Diaforese', definition: 'Sudorese excessiva ou profusa, frequentemente fria e pegajosa, indicativa de choque ou dor aguda.' },
  { term: 'Diplegia', definition: 'Paralisia que afeta partes simétricas do corpo, como os dois braços ou as duas pernas.' },
  { term: 'Dislalia', definition: 'Dificuldade na articulação das palavras por alteração nos órgãos fonadores periféricos, sem lesão neurológica central.' },
  { term: 'Dismetria', definition: 'Incapacidade de dosar a precisão, a força e a amplitude de um movimento, clássica nas lesões do cerebelo.' },
  { term: 'Epífora', definition: 'Lacrimejamento contínuo e excessivo que escorre pela face, por excesso de produção ou obstrução da drenagem.' },
  { term: 'Eritema nodoso', definition: 'Nódulos subcutâneos eritematosos e muito dolorosos, mais frequentes na região pré-tibial das pernas.' },
  { term: 'Esplenomegalia', definition: 'Aumento anormal do volume do baço, palpável abaixo do rebordo costal esquerdo.' },
  { term: 'Esteatose hepática', definition: 'Acúmulo excessivo de gordura no fígado.' },
  { term: 'Estrabismo', definition: 'Desvio do alinhamento dos olhos, impedindo que ambos fixem o mesmo ponto simultaneamente.' },
  { term: 'Eventração', definition: 'Saída de vísceras abdominais através de uma fraqueza da musculatura ou cicatriz cirúrgica, mantendo a pele intacta.' },
  { term: 'Fácies leonina', definition: 'Alteração facial com espessamento da pele, sulcos profundos e perda de supercílios, patognomônica da hanseníase virchowiana.' },
  { term: 'Fibrilação muscular', definition: 'Contrações rápidas, isoladas e desordenadas de fibras musculares individuais, invisíveis através da pele (detectadas em EMG).' },
  { term: 'Genu valgo', definition: 'Deformidade em que os joelhos se aproximam e os tornozelos se afastam (popular "pernas em X").' },
  { term: 'Genu varo', definition: 'Deformidade em que os joelhos se afastam e os tornozelos se aproximam (popular "pernas de alicate").' },
  { term: 'Hemartrose', definition: 'Acúmulo de sangue no interior de uma cavidade articular, causando inchaço e dor aguda.' },
  { term: 'Hemianopsia', definition: 'Perda da metade do campo visual em um ou em ambos os olhos por lesão neurológica.' },
  { term: 'Hepatomegalia', definition: 'Aumento anormal do volume do fígado, palpável abaixo do rebordo costal direito.' },
  { term: 'Hiperemia', definition: 'Aumento do fluxo sanguíneo em uma região, causando vermelhidão e aumento da temperatura local.' },
  { term: 'Hipóxia', definition: 'Diminuição da concentração e da oferta de oxigênio para os tecidos do organismo.' },
  { term: 'Ictus cordis', definition: 'Pulsação do ápice do coração (ventrículo esquerdo) perceptível à inspeção ou palpação no precórdio.' },
  { term: 'Leucocitose', definition: 'Aumento do número de leucócitos no sangue periférico, frequentemente indicativo de infecção.' },
  { term: 'Língua saburrosa', definition: 'Língua recoberta por uma camada esbranquiçada/amarelada formada por restos alimentares, bactérias e descamação celular.' },
  { term: 'Macrodactilia', definition: 'Condição onde um ou mais dedos das mãos ou pés são anormalmente longos e grossos.' },
  { term: 'Macroglossia', definition: 'Aumento anormal do tamanho da língua.' },
  { term: 'Mastalgia', definition: 'Termo médico utilizado para designar dor nas mamas.' },
  { term: 'Opistótono', definition: 'Espasmo muscular grave que causa hiperextensão do pescoço e da coluna, fazendo o corpo arquear-se para trás (ex: Tétano).' },
  { term: 'Ortostatismo', definition: 'Posição ereta ou em pé.' },
  { term: 'Podagra', definition: 'Crise aguda de dor, eritema e edema na primeira articulação metatarsofalangeana (dedão do pé), clássica da Gota.' },
  { term: 'Polidactilia', definition: 'Anomalia congênita caracterizada pela presença de um número de dedos superior ao normal nas mãos ou pés.' },
  { term: 'Sinal de Blumberg', definition: 'Dor referida à descompressão brusca na fossa ilíaca direita, forte indicativo de apendicite aguda.' },
  { term: 'Sinal de Murphy', definition: 'Interrupção abrupta da inspiração profunda por dor durante a palpação do hipocôndrio direito, indicativo de colecistite aguda.' },
  { term: 'Amaurose fugaz', definition: 'Perda temporária e indolor da visão num dos olhos, frequentemente causada por isquemia transitória.' },
  { term: 'Anosognosia', definition: 'Incapacidade do paciente de reconhecer a sua própria doença ou o seu déficit neurológico.' },
  { term: 'Astenopia', definition: 'Sensação de cansaço visual, fadiga ocular crônica ou fraqueza visual.' },
  { term: 'Balismo', definition: 'Movimentos involuntários amplos, violentos e súbitos, geralmente afetando um dimídio corporal (hemibalismo).' },
  { term: 'Brudzinski, Sinal de', definition: 'Flexão involuntária das pernas e coxas quando o examinador flete passivamente o pescoço do paciente (sinal de irritação meníngea).' },
  { term: 'Camptocormia', definition: 'Flexão anterior involuntária e acentuada do tronco durante a marcha ou em pé, que desaparece ao deitar.' },
  { term: 'Caput medusae (Cabeça de medusa)', definition: 'Veias superficiais abdominais ingurgitadas e radiantes a partir da cicatriz umbilical, sinal de hipertensão portal severa.' },
  { term: 'Catalepsia', definition: 'Manutenção de atitudes ou posturas passivamente impostas pelo examinador, também chamada de flexibilidade cerácea.' },
  { term: 'Cefaleia em salvas', definition: 'Cefaleia estritamente unilateral, de forte intensidade, associada a sintomas autonômicos ipsilaterais (lacrimejamento, congestão nasal).' },
  { term: 'Cianose central', definition: 'Coloração azulada da pele e mucosas (como lábios e língua) causada por baixa saturação arterial de oxigênio sistêmica.' },
  { term: 'Cianose periférica', definition: 'Coloração azulada restrita às extremidades, causada por fluxo sanguíneo lento e maior extração de oxigênio pelos tecidos.' },
  { term: 'Cifose', definition: 'Aumento da curvatura de concavidade anterior da coluna vertebral, originando a vulgar "corcunda".' },
  { term: 'Coloboma', definition: 'Anomalia congênita ocular que se manifesta como uma fenda ou falha numa das estruturas do olho (ex: íris).' },
  { term: 'Coreia', definition: 'Movimentos involuntários, arrítmicos, rápidos, não repetitivos e sem finalidade, que fluem de uma parte do corpo para outra.' },
  { term: 'Cullen, Sinal de', definition: 'Equimose ou manchas hemorrágicas na região periumbilical, sinal indicativo de hemorragia retroperitoneal.' },
  { term: 'Daltonismo', definition: 'Perturbação genética da percepção visual das cores, dificultando a distinção entre elas (especialmente verde e vermelho).' },
  { term: 'Disbasia', definition: 'Dificuldade na marcha, marcha irregular ou claudicante de origem neurológica ou vascular.' },
  { term: 'Discoria', definition: 'Irregularidade no contorno pupilar, perdendo o seu formato perfeitamente circular.' },
  { term: 'Disestesia', definition: 'Sensação tátil desagradável ou dolorosa provocada por estímulos que normalmente não causariam dor.' },
  { term: 'Distensão jugular (Turgência)', definition: 'Ingurgitamento da veia jugular externa visível no pescoço, indicativo de aumento da pressão venosa central e insuficiência cardíaca.' },
  { term: 'Ecolalia', definition: 'Repetição em eco e involuntária de palavras ou frases proferidas por outra pessoa.' },
  { term: 'Ectrópio', definition: 'Eversão (virar para fora) da margem palpebral, expondo a conjuntiva.' },
  { term: 'Entrópio', definition: 'Inversão (virar para dentro) da margem palpebral, fazendo com que as pestanas rocem na córnea.' },
  { term: 'Epicanto', definition: 'Prega cutânea vertical que recobre o canto interno do olho, comum na Síndrome de Down e em populações asiáticas.' },
  { term: 'Eritema marginatum', definition: 'Lesões cutâneas avermelhadas não pruriginosas, de centro pálido e bordas elevadas, clássicas na Febre Reumática aguda.' },
  { term: 'Escara (Úlcera de pressão)', definition: 'Lesão da pele e dos tecidos subjacentes por isquemia, causada por pressão prolongada sobre proeminências ósseas.' },
  { term: 'Escoliose', definition: 'Desvio lateral anômalo da coluna vertebral.' },
  { term: 'Espasticidade', definition: 'Aumento do tônus muscular (hipertonia) com resistência elástica ao alongamento, que cede subitamente (sinal do canivete).' },
  { term: 'Estenose', definition: 'Estreitamento patológico do lúmen de um canal, vaso sanguíneo ou orifício.' },
  { term: 'Estomatite', definition: 'Inflamação da mucosa oral, podendo cursar com dor, rubor e ulcerações.' },
  { term: 'Fecaloma', definition: 'Massa endurecida e compacta de fezes desidratadas acumuladas no reto ou cólon, causando obstrução.' },
  { term: 'Fissura', definition: 'Ulceração linear e profunda na pele ou mucosas.' },
  { term: 'Foliculite', definition: 'Inflamação aguda ou crônica de um ou mais folículos pilosos.' },
  { term: 'Grey Turner, Sinal de', definition: 'Equimose localizada nos flancos (região lateral do abdome), sinal de hemorragia retroperitoneal grave.' },
  { term: 'Hemiparesia', definition: 'Diminuição parcial da força muscular (fraqueza) que afeta um dos lados do corpo (dimídio).' },
  { term: 'Hifema', definition: 'Presença de sangue acumulado na câmara anterior do globo ocular.' },
  { term: 'Hiperidrose', definition: 'Produção anormalmente excessiva de suor, muito além do necessário para a termorregulação.' },
  { term: 'Hiperpneia', definition: 'Aumento da profundidade (amplitude) das incursões respiratórias, muitas vezes associada à taquipneia.' },
  { term: 'Hipópio', definition: 'Presença de exsudato purulento (pus) acumulado na câmara anterior do olho.' },
  { term: 'Hipotensão ortostática', definition: 'Queda súbita e significativa da pressão arterial ao assumir a posição ereta a partir do decúbito.' },
  { term: 'Isocoria', definition: 'Pupilas perfeitamente iguais em diâmetro e formato.' },
  { term: 'Linfedema', definition: 'Edema duro, crônico e de difícil regressão, decorrente da obstrução ou falência das vias de drenagem linfática.' },
  { term: 'Lordose', definition: 'Aumento da curvatura de concavidade posterior da coluna vertebral (comum nas regiões lombar e cervical).' },
  { term: 'Microcefalia', definition: 'Perímetro cefálico anormalmente pequeno para a idade e sexo do indivíduo, refletindo falha no desenvolvimento do encéfalo.' },
  { term: 'Nictalopia', definition: 'Dificuldade severa de enxergar em ambientes com pouca luminosidade (cegueira noturna).' },
  { term: 'Odontalgia', definition: 'Termo técnico utilizado para descrever a dor de dentes.' },
  { term: 'Oligodactilia', definition: 'Ausência congênita de um ou mais dedos nas mãos ou nos pés.' },
  { term: 'Onicocriptose', definition: 'Condição dolorosa na qual a borda lateral da unha penetra no tecido adjacente, popularmente conhecida como "unha encravada".' },
  { term: 'Orquialgia', definition: 'Dor de intensidade variável localizada nos testículos.' },
  { term: 'Panoftalmia', definition: 'Infecção purulenta grave que acomete simultaneamente todas as estruturas e camadas do globo ocular.' },
  { term: 'Atitude antálgica', definition: 'Postura espontânea adotada pelo paciente com o intuito de evitar ou aliviar uma dor física.' },
  { term: 'Atitude genupeitoral', definition: 'Posição em que o paciente fica de joelhos com o peito encostado na cama (Prece maometana), comum no derrame pericárdico.' },
  { term: 'Fácies renal', definition: 'Rosto com edema evidente, principalmente bipalpebral (ao redor dos olhos), muito comum na síndrome nefrótica.' },
  { term: 'Fácies mixedematosa', definition: 'Rosto arredondado com pele seca, espessada e opaca, perda de pelos nos supercílios; característica do hipotireoidismo.' },
  { term: 'Fácies hipertireoidea', definition: 'Expressão de espanto ou susto, associada a olhos salientes (exoftalmia) e pele úmida.' },
  { term: 'Fácies acromegálica', definition: 'Proeminência acentuada das arcadas supraciliares, mandíbula alongada, e aumento do nariz e lábios.' },
  { term: 'Brevilíneo', definition: 'Biotipo caracterizado por pescoço curto, tórax largo e membros curtos em relação ao tamanho do tronco.' },
  { term: 'Normolíneo', definition: 'Biotipo que apresenta proporções harmônicas e equilibradas entre o tronco e os membros.' },
  { term: 'Longilíneo', definition: 'Biotipo com pescoço longo, tórax afilado e membros alongados em proporção ao tamanho do tronco.' },
  { term: 'Turgor cutâneo', definition: 'Resistência da pele ao ser puxada (pinçada); avalia o grau de hidratação intracelular do paciente.' },
  { term: 'Elasticidade cutânea', definition: 'Capacidade da pele de retornar imediatamente ao seu estado normal após o estiramento.' },
  { term: 'Palidez', definition: 'Diminuição da cor rosada da pele e das mucosas, sugerindo anemia, vasoconstrição ou estado de choque.' },
  { term: 'Petéquia', definition: 'Pequenas manchas vermelhas ou arroxeadas na pele (puntiformes) que não desaparecem à digitopressão.' },
  { term: 'Púrpura', definition: 'Manchas hemorrágicas na pele ou mucosas, maiores que as petéquias, que também não clareiam ao serem pressionadas.' },
  { term: 'Telangiectasia', definition: 'Dilatação permanente de pequenos vasos sanguíneos na pele, formando lesões conhecidas como "aranhas vasculares".' },
  { term: 'Vitiligo', definition: 'Doença caracterizada pelo aparecimento de manchas acrômicas (brancas) na pele devido à destruição de melanócitos.' },
  { term: 'Cloasma (Melasma)', definition: 'Máculas hipercrômicas (escuras) na face, comumente associadas a alterações hormonais, como na gravidez.' },
  { term: 'Gânglio de Virchow', definition: 'Linfonodo palpável na fossa supraclavicular esquerda (Sinal de Troisier), frequentemente associado a neoplasias gastrointestinais.' },
  { term: 'Sinal de Godet', definition: 'Depressão ou fóvea que se forma e se mantém por alguns segundos após pressão sobre um tecido edemaciado (Sinal do cacifo).' },
  { term: 'Coiloníquia', definition: 'Deformidade em que a unha adquire o formato escavado de uma colher, classicamente associada à anemia ferropriva.' },
  { term: 'Unhas de Terry', definition: 'Unhas esbranquiçadas em grande parte do leito com uma estreita banda distal escura, comum em cirrose hepática.' },
  { term: 'Linhas de Beau', definition: 'Depressões transversais profundas nas unhas que surgem após doenças sistêmicas graves, desnutrição ou trauma.' },
  { term: 'Leuconíquia', definition: 'Descoloração esbranquiçada total ou parcial da lâmina ungueal (unhas).' },
  { term: 'Febre contínua', definition: 'A temperatura permanece acima do normal com variações diárias de até 1°C, sem nunca chegar à normalidade.' },
  { term: 'Febre remitente', definition: 'Febre com oscilações diárias maiores que 1°C, mas que também não retorna ao nível basal normal.' },
  { term: 'Febre intermitente', definition: 'Períodos de febre alta alternados com períodos de temperatura normal ao longo de um mesmo dia.' },
  { term: 'Febre ondulante', definition: 'Períodos de febre que duram dias seguidos alternados com dias completos de temperatura normal (apirexia).' },
  { term: 'Obnubilação', definition: 'Grau leve a moderado de rebaixamento da consciência, cursando com sonolência, confusão e lentidão de respostas.' },
  { term: 'Torpor', definition: 'Rebaixamento profundo do nível de consciência, em que o paciente desperta apenas mediante estímulos dolorosos ou vigorosos.' },
  { term: 'Coma', definition: 'Estado de inconsciência profunda no qual o paciente não pode ser despertado por nenhum tipo de estímulo, perdendo a reatividade motora voluntária.' },
  { term: 'Sinal de Romberg', definition: 'Avaliação do equilíbrio estático; o paciente oscila ou cai ao fechar os olhos, indicando lesão proprioceptiva ou vestibular.' },
  { term: 'Sinal de Babinski', definition: 'Extensão do hálux e abertura dos outros artelhos (sinal do leque) após estímulo na planta do pé; indica lesão do trato piramidal.' },
  { term: 'Sinal de Kernig', definition: 'Resistência e dor à extensão da perna quando a coxa está fletida em 90 graus; indica irritação meníngea.' },
  { term: 'Sinal de Lasègue', definition: 'Dor na face posterior da coxa ou perna à elevação do membro inferior estendido; indica compressão radicular (nervo ciático).' },
  { term: 'Sinal de Giordano', definition: 'Dor aguda à punho-percussão da região lombar (loja renal); fortemente indicativo de pielonefrite ou litíase renal.' },
  { term: 'Sinal de Piparote', definition: 'Percepção de onda líquida no abdome após percussão num dos flancos; indicativo de ascite volumosa.' },
  { term: 'Macicez móvel de decúbito', definition: 'Som maciço à percussão do abdome que se desloca de acordo com a mudança de posição do paciente; indicativo de ascite livre.' },
  { term: 'Semicírculo de Skoda', definition: 'Transição de som timpânico no centro para maciço na periferia (em formato de "U") durante a percussão abdominal; sinal clássico de ascite.' },
  { term: 'Sinal de Courvoisier-Terrier', definition: 'Vesícula biliar palpável, distendida e indolor num paciente com icterícia; sugere neoplasia periampular ou de cabeça de pâncreas.' },
  { term: 'Sinal de Rovsing', definition: 'Dor na fossa ilíaca direita quando ocorre palpação ou compressão contínua da fossa ilíaca esquerda; suspeita de apendicite aguda.' },
  { term: 'Sinal de Homans', definition: 'Dor referida na panturrilha durante a dorsiflexão passiva e rápida do pé; sugere trombose venosa profunda (TVP).' },
  { term: 'Tiragem intercostal', definition: 'Retração (afundamento) dos espaços entre as costelas durante a inspiração; sinal de grande esforço e insuficiência respiratória.' },
  { term: 'Respiração de Cheyne-Stokes', definition: 'Padrão respiratório cíclico com períodos de apneia seguidos por respirações gradualmente mais profundas e depois mais rasas.' },
  { term: 'Respiração de Kussmaul', definition: 'Padrão respiratório caracterizado por inspirações rápidas, profundas e ruidosas, sem pausas; clássico da acidose metabólica (ex: cetoacidose diabética).' },
  { term: 'Respiração de Biot', definition: 'Respiração totalmente irregular, com incursões de profundidade variável interrompidas por períodos de apneia imprevisíveis; indica lesão neurológica grave.' },
  { term: 'Sinal de Levine', definition: 'O paciente leva o punho cerrado ao centro do peito (precórdio) para descrever a sua dor; altamente sugestivo de isquemia miocárdica (infarto).' },
  { term: 'Pulso paradoxal', definition: 'Queda da pressão arterial sistólica maior que 10 mmHg durante a inspiração normal; clássico no tamponamento cardíaco e asma grave.' },
  { term: 'Sinal de Trousseau', definition: 'Espasmo doloroso do carpo (mão de obstetra) induzido pela insuflação do manguito de pressão acima da pressão sistólica; sinal de hipocalcemia.' },
  { term: 'Sinal de Chvostek', definition: 'Contração súbita dos músculos faciais ipsilaterais ao se percutir o nervo facial logo à frente da orelha; sinal de hipocalcemia.' },
  { term: 'Sinal do rechaço', definition: 'Sensação de ressalto de uma massa sólida (fígado ou tumor) flutuando em líquido ao ser empurrada para o fundo do abdome e retornar contra os dedos; sinal de ascite com organomegalia.' },
  { term: 'Alodinia', definition: 'Dor provocada por um estímulo que normalmente não causa dor (ex: um toque leve na pele).' },
  { term: 'Ambliopia', definition: 'Diminuição da acuidade visual num olho ou em ambos, sem lesão orgânica aparente (popularmente chamado "olho preguiçoso").' },
  { term: 'Anartria', definition: 'Incapacidade grave ou total de articular as palavras devido a lesão neurológica central ou periférica.' },
  { term: 'Bradilalia', definition: 'Lentidão anormal na articulação das palavras, comum em lesões neurológicas ou intoxicações.' },
  { term: 'Broncoespasmo', definition: 'Contração patológica da musculatura lisa dos brônquios, causando estreitamento das vias aéreas respiratórias e sibilos.' },
  { term: 'Cacogeusia', definition: 'Perversão do paladar que faz com que o paciente sinta constantemente um sabor desagradável ou repugnante na boca.' },
  { term: 'Sinal de Aaron', definition: 'Sensação de dor no epigástrio ou na região precordial ao manter compressão contínua sobre o ponto de McBurney; sugere apendicite.' },
  { term: 'Sinal de Kehr', definition: 'Dor aguda referida no ombro esquerdo, frequentemente indicativa de irritação do diafragma por ruptura esplênica ou sangramento abdominal.' },
  { term: 'Sinal do Psoas', definition: 'Dor na fossa ilíaca direita provocada pela extensão forçada da coxa direita contra a resistência do examinador; indica inflamação do músculo psoas (ex: apendicite retrocecal).' },
  { term: 'Sinal do Obturador', definition: 'Dor na hipogástrio ou fossa ilíaca direita ao realizar a rotação interna da coxa direita fletida; clássico da apendicite pélvica.' },
  { term: 'Sinal de Faget', definition: 'Dissociação esfigmotérmica (pulso arterial mantido normal ou lento enquanto a temperatura corporal está muito elevada), clássico da febre amarela e febre tifoide.' },
  { term: 'Sinal de Romaña', definition: 'Edema bipalpebral unilateral, elástico, indolor e de cor violácea; é o sinal clássico de porta de entrada na fase aguda da Doença de Chagas.' },
  { term: 'Sinal de Frank', definition: 'Presença de uma prega diagonal acentuada no lóbulo da orelha, associada estatisticamente a um maior risco de doença arterial coronariana.' },
  { term: 'Sinal de Musset', definition: 'Balanço rítmico e involuntário da cabeça em sincronia com o batimento cardíaco, sinal característico de insuficiência aórtica severa.' },
  { term: 'Pulso de Corrigan', definition: 'Pulso arterial periférico de grande amplitude, rápida elevação e rápido colapso, também chamado de pulso em "martelo de água" (insuficiência aórtica).' },
  { term: 'Sinal de Quincke', definition: 'Pulsação rítmica e sincrônica com o coração, visível no leito capilar ungueal ao se aplicar leve pressão na ponta da unha; indica insuficiência aórtica.' },
  { term: 'Sinal de Traube', definition: 'Ruídos sistólico e diastólico explosivos ("em tiro de pistola") audíveis à ausculta da artéria femoral nas grandes insuficiências aórticas.' },
  { term: 'Sinal de Duroziez', definition: 'Duplo sopro (sistólico e diastólico) audível sobre a artéria femoral ao comprimi-la gradualmente com a campânula do estetoscópio.' },
  { term: 'Sinal de Kussmaul (Cardiovascular)', definition: 'Aumento paradoxal da turgência jugular durante a inspiração profunda, típico da pericardite constritiva e insuficiência de ventrículo direito.' },
  { term: 'Sinal de Hoover', definition: 'Retração paradoxal para dentro do rebordo costal inferior durante a inspiração, indicativo de hiperinsuflação pulmonar e rebaixamento do diafragma (comum na DPOC).' },
  { term: 'Eritema palmar', definition: 'Vermelhidão acentuada nas eminências tenar e hipotenar das palmas das mãos, muito comum na cirrose hepática, tireotoxicose e gravidez.' },
  { term: 'Telarca', definition: 'Início do desenvolvimento mamário nas meninas, constituindo geralmente o primeiro sinal clínico visível da puberdade.' },
  { term: 'Pubarca', definition: 'Aparecimento dos primeiros pelos pubianos, dependente da maturação das glândulas suprarrenais e gônadas.' },
  { term: 'Amelia', definition: 'Anomalia congênita rara caracterizada pela ausência completa de um ou mais membros (braços ou pernas).' },
  { term: 'Focomelia', definition: 'Malformação congênita grave com encurtamento extremo dos membros, em que mãos ou pés se inserem quase diretamente no tronco do paciente.' },
  { term: 'Sindactilia', definition: 'Fusão congênita (óssea ou apenas de tecidos moles) entre dois ou mais dedos das mãos ou dos pés.' },
  { term: 'Ectrodactilia', definition: 'Malformação caracterizada pela ausência de um ou mais dedos centrais, deixando a mão com aspecto fendido ou em "pinça de lagosta".' },
  { term: 'Clinodactilia', definition: 'Curvatura ou desvio lateral anômalo de um dedo, sendo mais frequente na falange média do quinto dedo da mão (mindinho).' },
  { term: 'Camptodactilia', definition: 'Contratura ou flexão permanente de uma ou mais articulações interfalangeanas, impedindo a extensão completa e passiva do dedo.' },
  { term: 'Onicogrifose', definition: 'Crescimento excessivo, espessamento extremo e desvio da unha, que se curva assemelhando-se a um chifre ou garra animal.' },
  { term: 'Onicomadese', definition: 'Descolamento espontâneo, não inflamatório e indolor da placa ungueal a partir da sua base (matriz proximal), geralmente após doenças febris severas (ex: Doença Mão-Pé-Boca).' },
  { term: 'Mancha mongólica', definition: 'Máculas de cor azul-acinzentada, de bordas irregulares, muito comuns na região lombossacra de recém-nascidos, de caráter puramente benigno e transitório.' },
  { term: 'Sinal de Ortolani', definition: 'Teste ortopédico pediátrico em que se ouve um "clique" ou ressalto ao abduzir as coxas do recém-nascido, indicando o reposicionamento (redução) de uma luxação congênita do quadril.' },
  { term: 'Sinal de Barlow', definition: 'Teste de provocação pediátrico; a adução e pressão posterior da coxa do recém-nascido causa a luxação palpável e audível do quadril instável.' },
  { term: 'Teste de Phalen', definition: 'Manobra neurológica/ortopédica; a flexão palmar máxima forçada dos punhos por 60 segundos reproduz dor ou formigamento nos dedos, indicando Síndrome do Túnel do Carpo.' },
  { term: 'Sinal de Tinel', definition: 'Sensação de choque elétrico ou formigamento distal que irradia pelo trajeto do nervo ao se realizar a percussão direta sobre ele (ex: compressão do nervo mediano no punho).' },
  { term: 'Teste de Finkelstein', definition: 'Provocação de dor aguda no processo estiloide do rádio ao desviar a mão para o lado ulnar com o polegar fletido; indica Tenossinovite estenosante de De Quervain.' },
  { term: 'Teste da Gaveta Anterior', definition: 'Manobra semiológica que evidencia a translação (deslizamento) anterior excessiva da tíbia sob o fêmur, indicando lesão ou ruptura do ligamento cruzado anterior (LCA) do joelho.' },
  { term: 'Teste de Lachman', definition: 'O teste mais sensível para ruptura do ligamento cruzado anterior, realizado com o joelho em leve flexão (20 a 30 graus) tracionando a tíbia firmemente para a frente.' },
  { term: 'Teste de McMurray', definition: 'Produção de dor articular ou "estalido" audível ao realizar movimentos forçados de rotação do joelho fletido associados à extensão; indicativo de ruptura meniscal.' },
  { term: 'Ecopraxia', definition: 'Imitação espasmódica, involuntária e repetitiva dos movimentos ou gestos realizados por outra pessoa, comum em lesões frontais, catatonia e esquizofrenia.' },
  { term: 'Blefaroespasmo', definition: 'Contração espasmódica, involuntária e persistente do músculo orbicular do olho, forçando o fechamento tenaz das pálpebras.' },
  { term: 'Hipertelorismo', definition: 'Aumento desproporcional da distância entre as órbitas oculares e, consequentemente, das pupilas, sendo uma anomalia facial comum em diversas síndromes genéticas.' },
  { term: 'Hemianestesia', definition: 'Perda completa ou diminuição muito acentuada da sensibilidade tátil, térmica ou dolorosa restrita a apenas uma das metades do corpo.' },
  { term: 'Coreoatetose', definition: 'Distúrbio neurológico do movimento caracterizado pela ocorrência simultânea de contrações coreicas (rápidas, arrítmicas) e atetósicas (lentas, reptantes ou de torção).' },
  { term: 'Balanite', definition: 'Inflamação aguda ou crônica que acomete a glande (cabeça do pênis), frequentemente associada a infecções fúngicas, bacterianas ou má higiene.' },
  { term: 'Esmegma', definition: 'Secreção esbranquiçada e espessa, de odor muito característico, formada por células epiteliais descamadas e sebo, que tende a se acumular sob o prepúcio não retraído.' },
  { term: 'Poliose', definition: 'Ausência ou diminuição de melanina em um grupo específico de pelos ou cabelos, originando uma mecha branca localizada (comum no vitiligo, piebaldismo ou envelhecimento fisiológico).' },
  { term: 'Alopecia androgenética', definition: 'Forma mais comum de queda de cabelo (calvície), influenciada pela combinação de predisposição genética e a ação dos hormônios androgênicos nos folículos capilares.' },
  { term: 'Onicorrexe', definition: 'Fragilidade extrema e aparecimento de estrias longitudinais na lâmina ungueal, fazendo com que as unhas se quebrem, desfiem ou descamem facilmente nas bordas.' },
  { term: 'Marcha ceifante (Hemiplégica)', definition: 'O paciente mantém o membro superior fletido e a perna estendida, realizando um movimento em semicírculo arrastando a ponta do pé (como uma foice). Clássico das sequelas de AVC.' },
  { term: 'Marcha anserina (Miopática)', definition: 'Acentuação da lordose lombar com inclinação alternada do tronco para os lados a cada passo (andar de pato). Típica de distrofias e fraqueza muscular proximal.' },
  { term: 'Marcha escarvante (Equina)', definition: 'O paciente eleva exageradamente o joelho para não arrastar a ponta do pé caída, batendo primeiro a ponta no chão. Indica lesão do nervo fibular comum.' },
  { term: 'Marcha festinante (Parkinsoniana)', definition: 'Passos curtos e rápidos, com o tronco inclinado para a frente, com dificuldade em iniciar e em parar a marcha, como se corresse atrás do próprio centro de gravidade.' },
  { term: 'Marcha talonante (Tabética)', definition: 'O paciente lança os pés para cima e bate os calcanhares rudemente no chão com força, fixando o olhar nos pés. Indica perda de propriocepção (ex: neurossífilis).' },
  { term: 'Marcha atáxica (Ebriosa)', definition: 'Andar em ziguezague, com base de sustentação alargada e passos irregulares e desordenados, semelhante à embriaguez. Indica lesão do cerebelo.' },
  { term: 'Marcha em tesoura (Espástica)', definition: 'As pernas cruzam-se uma na frente da outra a cada passo devido à espasticidade grave dos músculos adutores da coxa. Muito comum na paralisia cerebral diplégica.' },
  { term: 'Marcha magnética (Apraxia da marcha)', definition: 'Dificuldade imensa em levantar os pés do chão, arrastando-os como se estivessem colados ao solo com ímans. Sugere hidrocefalia de pressão normal ou lesão frontal.' },
  { term: 'Afasia de Broca (Motora)', definition: 'O paciente compreende a linguagem perfeitamente, mas tem grande dificuldade em articular as palavras e formar frases (discurso não fluente e telegráfico).' },
  { term: 'Afasia de Wernicke (Sensorial)', definition: 'O discurso é fluente e articulado, mas totalmente incompreensível ("salada de palavras"), e o paciente é incapaz de compreender o que lhe é dito.' },
  { term: 'Astereognosia (Agnosia tátil)', definition: 'Incapacidade neurológica de reconhecer a forma, tamanho ou textura de objetos comuns apenas utilizando o tato, mantendo os olhos fechados.' },
  { term: 'Prosopagnosia', definition: 'Incapacidade agnóstica de reconhecer rostos familiares, incluindo o próprio reflexo no espelho, apesar de a acuidade visual estar intacta.' },
  { term: 'Agnosia visual', definition: 'Incapacidade de reconhecer, identificar e nomear objetos através da visão, sem que haja qualquer défice na capacidade visual do globo ocular.' },
  { term: 'Sinal da roda dentada', definition: 'Sensação de resistência intermitente e sequencial ("catracas") sentida pelo examinador ao movimentar passivamente uma articulação. Típico do Parkinson.' },
  { term: 'Rigidez em cano de chumbo', definition: 'Resistência plástica, contínua e uniforme à movimentação passiva de um membro ao longo de toda a sua amplitude. Frequente no parkinsonismo.' },
  { term: 'Tremor de repouso', definition: 'Movimento rítmico involuntário (ex: "contar dinheiro" com os dedos) que surge com o membro relaxado e desaparece ou diminui durante o movimento voluntário.' },
  { term: 'Tremor de intenção (Cinético)', definition: 'Tremor ausente em repouso, mas que surge ou se agrava à medida que o membro se aproxima de um alvo pretendido (ex: na prova dedo-nariz). Indica lesão cerebelar.' },
  { term: 'Tremor postural', definition: 'Tremor que se torna evidente quando o paciente tenta manter uma postura estática contra a força da gravidade (ex: manter os braços esticados para a frente).' },
  { term: 'Sinal de Gowers', definition: 'Necessidade do paciente "escalar o próprio corpo" com as mãos, apoiando-se nos joelhos e coxas para conseguir se levantar do chão. Sinal de fraqueza pélvica/proximal.' },
  { term: 'Pupila de Argyll Robertson', definition: 'Pupilas mióticas, irregulares, que não reagem à luz (reflexo fotomotor abolido), mas contraem-se normalmente na acomodação-convergência. Clássico da sífilis terciária.' },
  { term: 'Pupila tônica de Adie', definition: 'Midríase unilateral idiopática com reflexo fotomotor ausente ou excessivamente lento, geralmente de caráter benigno e predominante em mulheres jovens.' },
  { term: 'Hemianopsia homônima', definition: 'Perda do campo visual que afeta a mesma metade (direita ou esquerda) do campo de visão em ambos os olhos.' },
  { term: 'Quadrantanopsia', definition: 'Perda visual que afeta exatamente um quarto (um quadrante) do campo visual em ambos os olhos, por lesão nas radiações óticas.' },
  { term: 'Olhos de boneca (Reflexo oculocefálico)', definition: 'Ao rodar passivamente a cabeça do paciente comatoso, os olhos movem-se simetricamente na direção oposta. A ausência deste reflexo indica lesão severa do tronco encefálico.' },
  { term: 'Decorticação', definition: 'Postura patológica no paciente em coma, caracterizada por forte flexão dos braços sobre o peito e extensão das pernas. Indica lesão cerebral acima do tronco encefálico.' },
  { term: 'Descerebração', definition: 'Postura patológica de extensão rígida e pronação dos braços e extrema extensão das pernas. Indica uma lesão mais grave e profunda ao nível do tronco encefálico.' },
  { term: 'Sinal de Myerson', definition: 'Reflexo glabelar inesgotável; o paciente pisca repetidamente os olhos a cada leve toque na glabela (região entre as sobrancelhas) sem conseguir habituar-se.' },
  { term: 'Parafasia', definition: 'Perturbação da linguagem onde se trocam sons ou sílabas de uma palavra (parafasia fonêmica) ou se substitui uma palavra inteira por outra do mesmo contexto (parafasia semântica).' },
  { term: 'Alucinação', definition: 'Percepção sensorial vívida e nítida (escutar vozes, ver pessoas) que ocorre na total ausência de qualquer estímulo externo real que a provoque.' },
  { term: 'Ilusão', definition: 'Percepção distorcida, deformada ou interpretação completamente errônea de um estímulo sensorial externo que é real e está presente (ex: ver um cordão e achar que é uma cobra).' },
  { term: 'Ideia delirante', definition: 'Crença falsa, absolutamente inabalável e irredutível à argumentação lógica, que não faz parte do contexto cultural ou religioso da pessoa (ex: delírio persecutório).' },
  { term: 'Logorreia', definition: 'Fluxo verbal excessivamente abundante, muito acelerado, ininterrupto e frequentemente difícil de ser interrompido pelo examinador.' },
  { term: 'Taquipsiquismo', definition: 'Aceleração patológica do fluxo e do ritmo do processo de pensamento. Extremamente comum nos episódios de mania do Transtorno Bipolar.' },
  { term: 'Bradipsiquismo', definition: 'Lentificação patológica severa do processo de pensamento e das reações verbais, cursando com pausas prolongadas antes das respostas (comum na depressão maior e demências).' },
  { term: 'Fuga de ideias', definition: 'O pensamento e a fala saltam rápida e incessantemente de um tema para outro, impulsionados por associações superficiais ou estímulos ambientais, perdendo o foco.' },
  { term: 'Descarrilamento', definition: 'Quebra abrupta na linha de raciocínio, em que o discurso escorrega subitamente para um tópico completamente não relacionado e sem ligação com a frase anterior.' },
  { term: 'Tangencialidade', definition: 'O paciente afasta-se progressivamente do tema da pergunta inicial, dando respostas oblíquas e nunca chegando realmente a fornecer a resposta esperada.' },
  { term: 'Circunstancialidade', definition: 'Discurso exaustivamente minucioso, repleto de rodeios, ramificações e detalhes totalmente irrelevantes, mas que, ao fim de muito tempo, atinge o objetivo da resposta.' },
  { term: 'Neologismo', definition: 'Invenção ou criação de palavras completamente novas pelo paciente, ou a atribuição de um significado bizarro a palavras normais, sendo o seu sentido ininteligível para os outros.' },
  { term: 'Afeto embotado', definition: 'Redução muito significativa na gama e na intensidade da expressão emocional exteriorizada pelo paciente no rosto, no tom de voz e nos gestos.' },
  { term: 'Afeto lábil', definition: 'Instabilidade emocional extrema e repentina, com mudanças rápidas e desproporcionais do humor (ex: passar do choro para o riso na mesma frase) sem um gatilho justificável.' },
  { term: 'Anedonia', definition: 'Incapacidade patológica, total ou parcial, de experienciar qualquer sensação de prazer e satisfação em atividades, passatempos ou interesses que antes eram prazerosos.' },
  { term: 'Acatisia', definition: 'Sensação subjetiva e intolerável de inquietação motora interna, que obriga o paciente a mover-se constantemente (caminhar, agitar ou cruzar as pernas repetidamente).' },
  { term: 'Alexitimia', definition: 'Dificuldade profunda, incapacidade ou limitação grave na hora de identificar, processar ou descrever com palavras as próprias emoções e sentimentos.' },
  { term: 'Obsessão', definition: 'Pensamentos, impulsos ou imagens mentais persistentes, intrusivos e altamente indesejados, que invadem a mente de forma involuntária e causam intensa ansiedade ou sofrimento.' },
  { term: 'Compulsão', definition: 'Comportamentos repetitivos e ritualísticos (ex: verificar fechaduras) que o paciente se sente inexoravelmente impelido a executar para aliviar a angústia causada por uma obsessão.' },
  { term: 'Mutismo seletivo', definition: 'Transtorno de ansiedade grave caracterizado pela recusa contínua e consistente de falar em situações sociais específicas, embora a pessoa tenha a capacidade de falar noutros contextos.' },
  { term: 'Simulação', definition: 'Produção deliberada, fabricação intencional ou exagero consciente de sintomas físicos e mentais, movida pela busca de um benefício ou ganho secundário evidente (ex: indemnizações).' },
  { term: 'Transtorno factício', definition: 'Produção intencional de sinais de doença pela própria pessoa, mas cujo objetivo e motivação primária visam apenas assumir o "papel de doente", sem a busca de um ganho externo.' },
  { term: 'Alogia', definition: 'Empobrecimento profundo do pensamento, manifestado por uma linguagem restrita e muito vazia, com respostas curtas, monossilábicas e concretas. Sinal negativo da esquizofrenia.' },
  { term: 'Erosão (Exulceração)', definition: 'Perda superficial da epiderme, que não atinge a derme e cicatriza sem deixar cicatriz.' },
  { term: 'Crosta', definition: 'Ressecamento de exsudato (soro, sangue ou pus) sobre uma lesão cutânea prévia.' },
  { term: 'Escama', definition: 'Massa de células epidérmicas mortas (queratina) que se desprende da superfície cutânea em flocos.' },
  { term: 'Liquenificação', definition: 'Espessamento da pele com acentuação dos seus sulcos normais, tornando-a com aspecto de couro, geralmente devido a coçadura crônica.' },
  { term: 'Ceratose (Queratose)', definition: 'Espessamento da camada córnea da pele, tornando-a áspera, amarelada e dura ao tato.' },
  { term: 'Esclerose cutânea', definition: 'Aumento da consistência da pele, que se torna mais firme, espessa, aderente aos planos profundos e difícil de pregar.' },
  { term: 'Atrofia cutânea', definition: 'Diminuição da espessura da pele, tornando-a pregueável, delgada e translúcida (aspecto de papel de cigarro).' },
  { term: 'Cicatriz', definition: 'Tecido fibroso novo que substitui a derme ou o tecido celular subcutâneo destruído após um trauma ou lesão inflamatória.' },
  { term: 'Queloide', definition: 'Cicatriz espessa e exuberante que ultrapassa os limites do trauma original devido à proliferação excessiva de colágeno.' },
  { term: 'Cisto', definition: 'Cavidade fechada, revestida por epitélio, contendo material líquido ou semissólido no seu interior.' },
  { term: 'Comedão', definition: 'Tampão de queratina e sebo que obstrui o orifício do folículo pilossebáceo (popularmente conhecido como "cravo").' },
  { term: 'Milium', definition: 'Pequeno cisto epidérmico amarelado ou esbranquiçado, firme, muito comum na face de recém-nascidos e também em adultos.' },
  { term: 'Sinal de Auspitz', definition: 'Aparecimento de minúsculos pontos hemorrágicos ("orvalho sangrento") ao raspar completamente a escama de uma placa de psoríase.' },
  { term: 'Fenômeno de Koebner', definition: 'Surgimento de lesões de uma dermatose específica (ex: psoríase, vitiligo) em áreas da pele que sofreram trauma ou fricção.' },
  { term: 'Sinal de Nikolsky', definition: 'Descolamento fácil da epiderme ao se exercer pressão tangencial (fricção) com o dedo em pele aparentemente sadia; clássico nos pênfigos.' },
  { term: 'Dermografismo', definition: 'Formação de uma urtica linear após a fricção firme da pele com um objeto rombo; a forma mais comum de urticária física ("escrita na pele").' },
  { term: 'Lentigo', definition: 'Mácula hiperpigmentada castanha ou negra, pequena, que não escurece com a exposição solar (diferente das efélides/sardas).' },
  { term: 'Sinal de Darier', definition: 'Formação de eritema e urtica exatamente no local de uma lesão cutânea após fricção leve, típico da mastocitose.' },
  { term: 'Poiquilodermia', definition: 'Combinação de atrofia, telangiectasia e alterações de pigmentação (hipo e hipercromia) numa mesma área da pele.' },
  { term: 'Tubérculo (Dermatologia)', definition: 'Lesão sólida, circunscrita e proeminente na derme, que ao involuir deixa uma cicatriz (diferente da pápula, que não deixa cicatriz).' },
  { term: 'Hipocromia', definition: 'Diminuição da pigmentação (melanina) da pele em relação à cor normal do indivíduo (ex: manchas da pitiríase versicolor).' },
  { term: 'Acromia', definition: 'Ausência total de melanina numa área da pele, deixando-a completamente branca (clássico do vitiligo).' },
  { term: 'Goma cutânea', definition: 'Nódulo ou tumor que evolui em quatro fases: endurecimento, amolecimento, ulceração (fistulização) e reparação cicatricial.' },
  { term: 'Sinal de Zireli', definition: 'Estiramento da pele do paciente com os dedos para evidenciar descamação fina (furfurácea), clássico na Pitiríase Versicolor.' },
  { term: 'Sinal da unha (Sinal da cureta)', definition: 'O examinador raspa a lesão com a unha ou espátula, revelando descamação em finas escamas, típico da Pitiríase Versicolor.' },
  { term: 'Rosácea', definition: 'Dermatose crônica da face caracterizada por eritema persistente, telangiectasias, pápulas e pústulas, mas sem comedões.' },
  { term: 'Fístula cutânea', definition: 'Trajeto anômalo em formato de canal que comunica um foco de supuração profundo (abscesso) com a superfície da pele.' },
  { term: 'Sinal de Leser-Trélat', definition: 'Erupção súbita de múltiplas ceratoses seborreicas pruriginosas e de rápido crescimento, frequentemente associada a neoplasias malignas internas (adenocarcinomas).' },
  { term: 'Xantoma', definition: 'Pápula, nódulo ou placa amarelada na pele, formada pelo acúmulo de macrófagos repletos de lipídios.' },
  { term: 'Sinal de Hutchinson (Dermatologia)', definition: 'Extensão da pigmentação de um melanoma subungueal para a pele da prega ungueal proximal ou lateral.' }
];

const GLOSSARY_REFERENCES = [
  "BARROS, Alba Lucia Botura Leite de. Anamnese e exame físico: avaliação diagnóstica de enfermagem no adulto. Porto Alegre: Artmed, 2002.",
  "BICKLEY, Lynn S; SZILAGYI, Peter G. Bates propedêutica médica. 8. ed. Rio de Janeiro: Guanabara Koogan, 2005.",
  "BEVILACQUA, Fernando. Manual do exame clínico. 13. ed. Rio de Janeiro: Cultura Médica. 2003.",
  "MANGIONE, Salvatore. Segredos em diagnóstico físico. Porto alegre: Artmed, 2001.",
  "PIERIN, Ângela M. G. Hipertensão arterial: uma proposta para o cuidar. São Paulo: Manole, 2004.",
  "PIMENTA, C. A. de M.; MOTA, D. D. C. de F.; CRUZ, D. de A. L. M. da. Dor e cuidados paliativos: enfermagem, medicina e psicologia. Barueri: Manole, 2006.",
  "PORTO, Celmo Celeno. Exame clínico: bases para a prática médica. 5. ed. Rio de Janeiro: Guanabara Koogan, 2004.",
  "POSSO, Maria Belén Salazar. Semiologia e semiotécnica de enfermagem. São Paulo: Atheneu, 1999."
];

const SemioGlossary = () => {
  const [searchTerm, setSearchTerm] = useState('');

  const filteredTerms = GLOSSARY_DATA.filter(item => 
    item.term.toLowerCase().includes(searchTerm.toLowerCase()) || 
    item.definition.toLowerCase().includes(searchTerm.toLowerCase())
  ).sort((a, b) => a.term.localeCompare(b.term));

  // Agrupa os termos filtrados pela primeira letra
  const groupedTerms = filteredTerms.reduce((acc, item) => {
    // Pega a primeira letra e remove acentos caso existam (ex: Á -> A)
    const firstLetter = item.term.charAt(0).toUpperCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
    if (!acc[firstLetter]) {
      acc[firstLetter] = [];
    }
    acc[firstLetter].push(item);
    return acc;
  }, {});

  // Ordena as letras alfabeticamente
  const sortedLetters = Object.keys(groupedTerms).sort();

  const scrollToLetter = (letter) => {
    const element = document.getElementById(`letter-${letter}`);
    if (element) {
      element.scrollIntoView({ behavior: 'smooth', block: 'start' });
    }
  };

  return (
    <div className="max-w-4xl mx-auto space-y-6 h-full flex flex-col animate-in fade-in pb-10">
      <div className="border-b border-slate-200 dark:border-slate-700 pb-4">
        <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100 tracking-tight flex items-center gap-2">
          <BookA className="w-6 h-6 text-amber-600 dark:text-amber-500" /> Glossário Semiológico
        </h1>
        <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Dicionário rápido de termos médicos e sinais clínicos.</p>
      </div>

      <div className="flex flex-col gap-3 shrink-0">
        <div className="relative">
          <Search className="w-5 h-5 absolute left-4 top-1/2 -translate-y-1/2 text-slate-400" />
          <input 
            type="text" 
            placeholder="Buscar por termo ou definição..."
            value={searchTerm}
            onChange={(e) => setSearchTerm(e.target.value)}
            className="w-full pl-12 pr-4 py-4 bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-700 rounded-xl focus:outline-none focus:ring-2 focus:ring-amber-500 text-slate-800 dark:text-slate-100 placeholder:text-slate-400 shadow-sm"
          />
        </div>
        
        {/* Índice Alfabético Minimalista */}
        {!searchTerm && sortedLetters.length > 0 && (
          <div className="flex flex-wrap gap-1.5 justify-center md:justify-start px-1 animate-in fade-in">
            {sortedLetters.map(letter => (
              <button
                key={letter}
                onClick={() => scrollToLetter(letter)}
                className="w-7 h-7 flex items-center justify-center text-[10px] font-black rounded-md bg-slate-100 dark:bg-slate-800/80 text-slate-500 dark:text-slate-400 hover:bg-amber-100 hover:text-amber-700 dark:hover:bg-amber-900/50 dark:hover:text-amber-400 transition-colors border border-slate-200 dark:border-slate-700 hover:border-amber-200 dark:hover:border-amber-800/50"
                title={`Ir para a letra ${letter}`}
              >
                {letter}
              </button>
            ))}
          </div>
        )}
      </div>

      <div className="flex-1 overflow-y-auto custom-scrollbar pr-2">
        {sortedLetters.length > 0 ? (
          <div className="space-y-8">
            {sortedLetters.map(letter => (
              <div key={letter} id={`letter-${letter}`} className="animate-in fade-in slide-in-from-bottom-2 scroll-mt-4">
                {/* Divisória da Letra */}
                <div className="flex items-center gap-4 mb-4 sticky top-0 bg-slate-50 dark:bg-slate-900 py-2 z-10">
                  <div className="w-10 h-10 rounded-lg bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-400 font-black flex items-center justify-center text-xl border border-amber-200 dark:border-amber-800 shadow-sm">
                    {letter}
                  </div>
                  <div className="h-px bg-slate-200 dark:bg-slate-700 flex-1"></div>
                </div>
                
                {/* Lista de Termos para a Letra Específica */}
                <div className="space-y-3">
                  {groupedTerms[letter].map((item, idx) => (
                    <Card key={idx} className="p-5 flex flex-col sm:flex-row sm:items-start gap-3 hover:border-amber-300 dark:hover:border-amber-700 transition-colors">
                      <div className="sm:w-1/3 shrink-0">
                        <h3 className="font-black text-slate-800 dark:text-slate-200 text-base">{item.term}</h3>
                      </div>
                      <div className="sm:w-2/3">
                        <p className="text-sm text-slate-600 dark:text-slate-400 leading-relaxed">{item.definition}</p>
                      </div>
                    </Card>
                  ))}
                </div>
              </div>
            ))}
            
            {/* Referências Bibliográficas no Final */}
            <div className="mt-12 pt-6 border-t border-slate-200 dark:border-slate-700 pb-6">
               <h3 className="text-xs font-bold text-slate-500 dark:text-slate-400 uppercase tracking-widest mb-4 flex items-center gap-2">
                 <BookOpen className="w-4 h-4"/> Referências Bibliográficas
               </h3>
               <ul className="space-y-3">
                 {GLOSSARY_REFERENCES.map((ref, idx) => (
                   <li key={idx} className="text-[10px] text-slate-500 dark:text-slate-400 leading-relaxed pl-3 border-l-2 border-slate-300 dark:border-slate-700">
                     {ref}
                   </li>
                 ))}
               </ul>
            </div>
          </div>
        ) : (
          <div className="text-center py-10 text-slate-500 dark:text-slate-400 border border-dashed border-slate-300 dark:border-slate-700 rounded-xl bg-slate-50 dark:bg-slate-800/50">
            <BookA className="w-10 h-10 mx-auto mb-3 text-slate-300 dark:text-slate-600" />
            <p>Nenhum termo encontrado para "{searchTerm}"</p>
          </div>
        )}
      </div>
    </div>
  );
};

// 8. Tela de Equipe / Desenvolvedores
const Developers = () => (
  <div className="max-w-4xl mx-auto space-y-6 h-full animate-in fade-in">
    <div className="border-b border-slate-200 dark:border-slate-700 pb-4">
      <h1 className="text-2xl font-bold text-slate-900 dark:text-slate-100">Corpo Docente e Desenvolvimento</h1>
      <p className="text-slate-500 dark:text-slate-400 mt-1 text-sm">Equipe responsável pela estruturação acadêmica da plataforma.</p>
    </div>
    
    <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
      <Card className="p-8 flex flex-col items-center text-center">
        <img 
          src="https://drive.google.com/thumbnail?id=1PqLtPhZ_7L7JyAMBgaL7sQLylSlwYosy&sz=w500" 
          alt="Foto de Laila Sabino" 
          className="w-24 h-24 rounded object-cover border border-slate-300 dark:border-slate-600 mb-4"
          onError={(e) => { e.target.onerror = null; e.target.src = "https://ui-avatars.com/api/?name=Laila+Sabino&background=0f172a&color=fff"; }}
        />
        <h3 className="text-xl font-bold text-slate-900 dark:text-slate-100">Prof.ª Laila Sabino</h3>
        <div className="text-[10px] bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 border border-slate-200 dark:border-slate-600 px-2 py-1 rounded-sm uppercase tracking-widest font-bold mt-2 mb-3">
          Coordenadora
        </div>
        <p className="font-medium text-slate-700 dark:text-slate-300 text-sm">Módulo de Semiologia</p>
        <p className="text-slate-500 dark:text-slate-400 text-xs mt-2">Universidade Federal de Roraima (UFRR)</p>
      </Card>

      <Card className="p-8 flex flex-col items-center text-center">
        <img 
          src="https://drive.google.com/thumbnail?id=11w8uL2KzO1PVw9CCUYsPC6Of6C4Pln5N&sz=w500" 
          alt="Foto de Carlos Medeiros" 
          className="w-24 h-24 rounded object-cover border border-slate-300 dark:border-slate-600 mb-4"
          onError={(e) => { e.target.onerror = null; e.target.src = "https://ui-avatars.com/api/?name=Carlos+Medeiros&background=0f172a&color=fff"; }}
        />
        <h3 className="text-xl font-bold text-slate-900 dark:text-slate-100">Carlos Medeiros</h3>
        <div className="text-[10px] bg-slate-100 dark:bg-slate-700 text-slate-600 dark:text-slate-300 border border-slate-200 dark:border-slate-600 px-2 py-1 rounded-sm uppercase tracking-widest font-bold mt-2 mb-3">
          Monitor / Idealizador
        </div>
        <p className="font-medium text-slate-700 dark:text-slate-300 text-sm">Semiologia Médica</p>
        <p className="text-slate-500 dark:text-slate-400 text-xs mt-2">Universidade Federal de Roraima (UFRR)</p>
      </Card>
    </div>
  </div>
);

// 6. Calculadoras Clínicas (Painel Lateral Flutuante)
const ClinicalCalculators = ({ isOpen, onClose }) => {
  const [activeCalc, setActiveCalc] = useState(null);

  // Estados IMC
  const [imcPeso, setImcPeso] = useState('');
  const [imcAltura, setImcAltura] = useState('');

  // Estados Glasgow
  const [gOcular, setGOcular] = useState(4);
  const [gVerbal, setGVerbal] = useState(5);
  const [gMotora, setGMotora] = useState(6);

  // Estados Clearance Cr (Cockcroft-Gault)
  const [crIdade, setCrIdade] = useState('');
  const [crPeso, setCrPeso] = useState('');
  const [crCreat, setCrCreat] = useState('');
  const [crSexo, setCrSexo] = useState('M');

  // Estados Carga Tabágica
  const [cigarrosDia, setCigarrosDia] = useState('');
  const [anosFumo, setAnosFumo] = useState('');

  const renderIMC = () => {
    const p = parseFloat(imcPeso);
    const a = parseFloat(imcAltura);
    let imc = 0;
    let classif = '';
    let color = 'text-slate-500';

    if (p > 0 && a > 0) {
      imc = p / (a * a);
      if (imc < 18.5) { classif = 'Abaixo do peso'; color = 'text-amber-500'; }
      else if (imc < 24.9) { classif = 'Peso normal'; color = 'text-emerald-500'; }
      else if (imc < 29.9) { classif = 'Sobrepeso'; color = 'text-amber-500'; }
      else if (imc < 34.9) { classif = 'Obesidade Grau I'; color = 'text-red-500'; }
      else if (imc < 39.9) { classif = 'Obesidade Grau II'; color = 'text-red-600'; }
      else { classif = 'Obesidade Grau III'; color = 'text-red-700'; }
    }

    return (
      <div className="space-y-4 animate-in fade-in slide-in-from-right-4 duration-300">
        <button onClick={() => setActiveCalc(null)} className="flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-blue-600 dark:hover:text-indigo-400 transition-colors mb-4"><ArrowLeft className="w-4 h-4"/> Voltar</button>
        <h3 className="font-bold text-slate-900 dark:text-slate-100 text-lg mb-4">Índice de Massa Corporal</h3>
        <div className="space-y-3">
          <div>
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Peso (kg)</label>
            <input type="number" placeholder="Ex: 75.5" value={imcPeso} onChange={e => setImcPeso(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
          </div>
          <div>
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Altura (m)</label>
            <input type="number" placeholder="Ex: 1.75" value={imcAltura} onChange={e => setImcAltura(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
          </div>
        </div>
        {imc > 0 && (
          <div className="mt-6 p-5 bg-slate-100 dark:bg-slate-800 rounded-lg text-center border border-slate-200 dark:border-slate-700">
            <span className="text-[10px] font-bold uppercase tracking-widest text-slate-500 block mb-1">Resultado</span>
            <div className={`text-4xl font-black ${color}`}>{imc.toFixed(1)}</div>
            <p className="text-sm font-bold text-slate-700 dark:text-slate-300 mt-2">{classif}</p>
          </div>
        )}
        
        <div className="mt-6 bg-blue-50 dark:bg-indigo-900/20 border border-blue-100 dark:border-indigo-800/30 p-4 rounded-md">
          <h4 className="text-[10px] font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest mb-2 flex items-center gap-1.5"><Info className="w-3.5 h-3.5" /> Metodologia de Cálculo</h4>
          <p className="text-xs text-blue-900/80 dark:text-indigo-200/80 leading-relaxed">
            <strong>Fórmula:</strong> <span className="font-mono bg-white/50 dark:bg-black/20 px-1 py-0.5 rounded">IMC = Peso / Altura²</span><br/>
            O Índice de Massa Corporal avalia se o peso está adequado para a altura, sendo um indicador simples e universal de risco cardiovascular e metabólico na avaliação clínica inicial.
          </p>
        </div>
      </div>
    );
  };

  const renderGlasgow = () => {
    const total = parseInt(gOcular) + parseInt(gVerbal) + parseInt(gMotora);
    let gravidade = '';
    let color = '';
    if (total <= 8) { gravidade = 'Trauma Grave (Considerar IOT)'; color = 'text-red-500'; }
    else if (total <= 12) { gravidade = 'Trauma Moderado'; color = 'text-amber-500'; }
    else { gravidade = 'Trauma Leve'; color = 'text-emerald-500'; }

    return (
      <div className="space-y-4 animate-in fade-in slide-in-from-right-4 duration-300 pb-10">
        <button onClick={() => setActiveCalc(null)} className="flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-blue-600 dark:hover:text-indigo-400 transition-colors mb-4"><ArrowLeft className="w-4 h-4"/> Voltar</button>
        <h3 className="font-bold text-slate-900 dark:text-slate-100 text-lg mb-4">Escala de Coma de Glasgow</h3>
        
        <div className="space-y-4">
          <div className="p-4 bg-slate-50 dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-md">
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-2">Abertura Ocular</label>
            <select value={gOcular} onChange={e => setGOcular(e.target.value)} className="w-full p-2 bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded text-sm text-slate-800 dark:text-slate-100">
              <option value={4}>4 - Espontânea</option>
              <option value={3}>3 - Ao som / comando verbal</option>
              <option value={2}>2 - À pressão / estímulo doloroso</option>
              <option value={1}>1 - Nenhuma resposta</option>
            </select>
          </div>
          <div className="p-4 bg-slate-50 dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-md">
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-2">Resposta Verbal</label>
            <select value={gVerbal} onChange={e => setGVerbal(e.target.value)} className="w-full p-2 bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded text-sm text-slate-800 dark:text-slate-100">
              <option value={5}>5 - Orientada</option>
              <option value={4}>4 - Confusa</option>
              <option value={3}>3 - Palavras inapropriadas</option>
              <option value={2}>2 - Sons ininteligíveis</option>
              <option value={1}>1 - Nenhuma resposta</option>
            </select>
          </div>
          <div className="p-4 bg-slate-50 dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-md">
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-2">Resposta Motora</label>
            <select value={gMotora} onChange={e => setGMotora(e.target.value)} className="w-full p-2 bg-white dark:bg-slate-900 border border-slate-300 dark:border-slate-600 rounded text-sm text-slate-800 dark:text-slate-100">
              <option value={6}>6 - Obedece a comandos</option>
              <option value={5}>5 - Localiza o estímulo</option>
              <option value={4}>4 - Flexão normal (fuga da dor)</option>
              <option value={3}>3 - Flexão anormal (decorticação)</option>
              <option value={2}>2 - Extensão anormal (descerebração)</option>
              <option value={1}>1 - Nenhuma resposta</option>
            </select>
          </div>
        </div>

        <div className="mt-6 p-5 bg-slate-100 dark:bg-slate-800 rounded-lg text-center border border-slate-200 dark:border-slate-700 shadow-sm">
          <span className="text-[10px] font-bold uppercase tracking-widest text-slate-500 block mb-1">Pontuação Total</span>
          <div className={`text-4xl font-black ${color}`}>{total}</div>
          <p className="text-xs font-bold text-slate-700 dark:text-slate-300 mt-2">{gravidade}</p>
        </div>

        <div className="mt-4 bg-blue-50 dark:bg-indigo-900/20 border border-blue-100 dark:border-indigo-800/30 p-4 rounded-md">
          <h4 className="text-[10px] font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest mb-2 flex items-center gap-1.5"><Info className="w-3.5 h-3.5" /> Metodologia de Cálculo</h4>
          <p className="text-xs text-blue-900/80 dark:text-indigo-200/80 leading-relaxed">
            A pontuação é o somatório direto das três melhores respostas avaliadas. A escala varia entre <strong>3 e 15 pontos</strong>.<br/><br/>
            É o padrão-ouro na semiologia de urgência para quantificar o nível de consciência e orientar a necessidade de intubação orotraqueal (Glasgow ≤ 8).
          </p>
        </div>
      </div>
    );
  };

  const renderCrCl = () => {
    const age = parseFloat(crIdade);
    const weight = parseFloat(crPeso);
    const cr = parseFloat(crCreat);
    let clcr = 0;

    if (age > 0 && weight > 0 && cr > 0) {
      clcr = ((140 - age) * weight) / (72 * cr);
      if (crSexo === 'F') clcr *= 0.85;
    }

    return (
      <div className="space-y-4 animate-in fade-in slide-in-from-right-4 duration-300">
        <button onClick={() => setActiveCalc(null)} className="flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-blue-600 dark:hover:text-indigo-400 transition-colors mb-4"><ArrowLeft className="w-4 h-4"/> Voltar</button>
        <h3 className="font-bold text-slate-900 dark:text-slate-100 text-lg mb-1">Clearance de Creatinina</h3>
        <p className="text-[10px] uppercase tracking-widest text-slate-400 mb-4 font-bold">Fórmula Cockcroft-Gault</p>
        
        <div className="space-y-3">
          <div className="grid grid-cols-2 gap-3">
            <div>
              <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Idade</label>
              <input type="number" placeholder="Ex: 65" value={crIdade} onChange={e => setCrIdade(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
            </div>
            <div>
              <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Peso (kg)</label>
              <input type="number" placeholder="Ex: 70" value={crPeso} onChange={e => setCrPeso(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
            </div>
          </div>
          <div>
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Creatinina (mg/dL)</label>
            <input type="number" placeholder="Ex: 1.2" value={crCreat} onChange={e => setCrCreat(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
          </div>
          <div>
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Sexo Biológico</label>
            <div className="flex bg-slate-100 dark:bg-slate-800 p-1 rounded-md border border-slate-200 dark:border-slate-700">
              <button onClick={() => setCrSexo('M')} className={`flex-1 py-2 text-xs font-bold uppercase rounded-sm transition-all ${crSexo === 'M' ? 'bg-white dark:bg-slate-700 text-blue-600 dark:text-indigo-400 shadow-sm' : 'text-slate-500'}`}>Masculino</button>
              <button onClick={() => setCrSexo('F')} className={`flex-1 py-2 text-xs font-bold uppercase rounded-sm transition-all ${crSexo === 'F' ? 'bg-white dark:bg-slate-700 text-pink-600 dark:text-pink-400 shadow-sm' : 'text-slate-500'}`}>Feminino</button>
            </div>
          </div>
        </div>

        {clcr > 0 && (
          <div className="mt-6 p-5 bg-slate-100 dark:bg-slate-800 rounded-lg text-center border border-slate-200 dark:border-slate-700">
            <span className="text-[10px] font-bold uppercase tracking-widest text-slate-500 block mb-1">Taxa de Filtração Glomerular</span>
            <div className="text-4xl font-black text-blue-600 dark:text-indigo-400">{clcr.toFixed(1)}</div>
            <p className="text-xs font-bold text-slate-500 dark:text-slate-400 mt-1">mL/min</p>
          </div>
        )}

        <div className="mt-6 bg-blue-50 dark:bg-indigo-900/20 border border-blue-100 dark:border-indigo-800/30 p-4 rounded-md">
          <h4 className="text-[10px] font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest mb-2 flex items-center gap-1.5"><Info className="w-3.5 h-3.5" /> Metodologia de Cálculo</h4>
          <p className="text-xs text-blue-900/80 dark:text-indigo-200/80 leading-relaxed">
            <strong>Fórmula:</strong> <span className="font-mono bg-white/50 dark:bg-black/20 px-1 py-0.5 rounded">[(140 - Idade) × Peso] / (72 × Cr)</span><br/>
            Para o sexo biológico feminino, o resultado é ainda multiplicado por <strong>0.85</strong>. <br/><br/>
            É a ferramenta clínica ideal e rápida à beira-leito para estimar a função renal e permitir o ajuste seguro das doses de medicamentos, como antibióticos.
          </p>
        </div>
      </div>
    );
  };

  const renderTabagismo = () => {
    const cigs = parseFloat(cigarrosDia);
    const anos = parseFloat(anosFumo);
    let macosAno = 0;
    let risco = '';
    let color = 'text-slate-500';

    if (cigs > 0 && anos > 0) {
      macosAno = (cigs / 20) * anos;
      if (macosAno < 10) { risco = 'Risco Moderado para DPOC/Câncer'; color = 'text-amber-500'; }
      else if (macosAno <= 20) { risco = 'Risco Alto para DPOC/Câncer'; color = 'text-orange-500'; }
      else { risco = 'Risco Muito Alto para DPOC/Câncer'; color = 'text-red-600'; }
    }

    return (
      <div className="space-y-4 animate-in fade-in slide-in-from-right-4 duration-300">
        <button onClick={() => setActiveCalc(null)} className="flex items-center gap-2 text-xs font-bold uppercase tracking-widest text-slate-500 hover:text-blue-600 dark:hover:text-indigo-400 transition-colors mb-4"><ArrowLeft className="w-4 h-4"/> Voltar</button>
        <h3 className="font-bold text-slate-900 dark:text-slate-100 text-lg mb-1">Carga Tabágica</h3>
        <p className="text-[10px] uppercase tracking-widest text-slate-400 mb-4 font-bold">Cálculo de Maços-ano</p>
        
        <div className="space-y-3">
          <div>
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Cigarros por dia</label>
            <input type="number" placeholder="Ex: 15" value={cigarrosDia} onChange={e => setCigarrosDia(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
            <p className="text-[9px] text-slate-400 mt-1">*1 maço padrão = 20 cigarros</p>
          </div>
          <div>
            <label className="text-[10px] font-bold uppercase tracking-widest text-slate-500 dark:text-slate-400 block mb-1">Anos de tabagismo</label>
            <input type="number" placeholder="Ex: 10" value={anosFumo} onChange={e => setAnosFumo(e.target.value)} className="w-full p-3 bg-slate-50 dark:bg-slate-900 border border-slate-200 dark:border-slate-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:text-slate-100" />
          </div>
        </div>

        {macosAno > 0 && (
          <div className="mt-6 p-5 bg-slate-100 dark:bg-slate-800 rounded-lg text-center border border-slate-200 dark:border-slate-700">
            <span className="text-[10px] font-bold uppercase tracking-widest text-slate-500 block mb-1">Carga Total Acumulada</span>
            <div className="text-4xl font-black text-slate-800 dark:text-slate-100">{macosAno.toFixed(1)}</div>
            <p className="text-xs font-bold text-slate-500 dark:text-slate-400 mt-1">maços-ano</p>
            <p className={`text-xs font-bold mt-3 ${color}`}>{risco}</p>
          </div>
        )}

        <div className="mt-6 bg-blue-50 dark:bg-indigo-900/20 border border-blue-100 dark:border-indigo-800/30 p-4 rounded-md">
          <h4 className="text-[10px] font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest mb-2 flex items-center gap-1.5"><Info className="w-3.5 h-3.5" /> Metodologia de Cálculo</h4>
          <p className="text-xs text-blue-900/80 dark:text-indigo-200/80 leading-relaxed">
            <strong>Fórmula:</strong> <span className="font-mono bg-white/50 dark:bg-black/20 px-1 py-0.5 rounded">(Cigarros/dia / 20) × Anos de fumo</span><br/>
            Considera-se que 1 maço padronizado contém 20 cigarros. Este cálculo deve constar sempre na <strong>História Social (HS)</strong> do paciente fumante, pois é o principal preditor estatístico para o rastreio e risco de Neoplasia Pulmonar e DPOC.
          </p>
        </div>
      </div>
    );
  };

  return (
    <>
      {isOpen && (
        <div className="fixed inset-0 bg-slate-900/40 backdrop-blur-sm z-40 animate-in fade-in" onClick={onClose}></div>
      )}
      <div className={`fixed inset-y-0 right-0 w-full sm:w-[400px] bg-white dark:bg-slate-950 shadow-2xl z-50 transform transition-transform duration-300 ease-in-out flex flex-col border-l border-slate-200 dark:border-slate-800 ${isOpen ? 'translate-x-0' : 'translate-x-full'}`}>
        <div className="px-6 py-5 border-b border-slate-200 dark:border-slate-800 flex items-center justify-between bg-slate-50 dark:bg-slate-900">
          <h2 className="text-sm font-bold uppercase tracking-widest text-slate-800 dark:text-slate-100 flex items-center gap-2">
            <Calculator className="w-4 h-4 text-blue-600 dark:text-indigo-400" /> Calculadoras Clínicas
          </h2>
          <button onClick={onClose} className="p-1.5 rounded-full hover:bg-slate-200 dark:hover:bg-slate-800 text-slate-500 transition-colors">
            <X className="w-5 h-5" />
          </button>
        </div>
        
        <div className="flex-1 overflow-y-auto p-6 custom-scrollbar">
          {!activeCalc ? (
            <div className="space-y-3 animate-in fade-in">
              <p className="text-xs text-slate-500 dark:text-slate-400 mb-4 font-medium leading-relaxed">Selecione a ferramenta de cálculo desejada para auxiliar a sua conduta clínica.</p>
              
              <Card onClick={() => setActiveCalc('imc')} className="p-4 group border-slate-200 dark:border-slate-700 hover:border-blue-300 dark:hover:border-indigo-600 bg-slate-50/50 dark:bg-slate-900 hover:bg-blue-50/30 dark:hover:bg-indigo-900/10 transition-all flex items-center gap-4">
                <div className="p-2.5 bg-blue-100 dark:bg-indigo-900/30 text-blue-700 dark:text-indigo-400 rounded-lg group-hover:scale-110 transition-transform"><Scale className="w-5 h-5" /></div>
                <div>
                  <h4 className="font-bold text-sm text-slate-800 dark:text-slate-200">Cálculo de IMC</h4>
                  <p className="text-[10px] text-slate-500 uppercase tracking-widest mt-0.5">Índice de Massa Corporal</p>
                </div>
              </Card>

              <Card onClick={() => setActiveCalc('glasgow')} className="p-4 group border-slate-200 dark:border-slate-700 hover:border-emerald-300 dark:hover:border-emerald-700 bg-slate-50/50 dark:bg-slate-900 hover:bg-emerald-50/30 dark:hover:bg-emerald-900/10 transition-all flex items-center gap-4">
                <div className="p-2.5 bg-emerald-100 dark:bg-emerald-900/30 text-emerald-700 dark:text-emerald-400 rounded-lg group-hover:scale-110 transition-transform"><Brain className="w-5 h-5" /></div>
                <div>
                  <h4 className="font-bold text-sm text-slate-800 dark:text-slate-200">Escala de Glasgow</h4>
                  <p className="text-[10px] text-slate-500 uppercase tracking-widest mt-0.5">Avaliação Neurológica / Trauma</p>
                </div>
              </Card>

              <Card onClick={() => setActiveCalc('crcl')} className="p-4 group border-slate-200 dark:border-slate-700 hover:border-purple-300 dark:hover:border-purple-700 bg-slate-50/50 dark:bg-slate-900 hover:bg-purple-50/30 dark:hover:bg-purple-900/10 transition-all flex items-center gap-4">
                <div className="p-2.5 bg-purple-100 dark:bg-purple-900/30 text-purple-700 dark:text-purple-400 rounded-lg group-hover:scale-110 transition-transform"><Activity className="w-5 h-5" /></div>
                <div>
                  <h4 className="font-bold text-sm text-slate-800 dark:text-slate-200">Clearance de Creatinina</h4>
                  <p className="text-[10px] text-slate-500 uppercase tracking-widest mt-0.5">Fórmula Cockcroft-Gault</p>
                </div>
              </Card>

              <Card onClick={() => setActiveCalc('tabagismo')} className="p-4 group border-slate-200 dark:border-slate-700 hover:border-orange-300 dark:hover:border-orange-700 bg-slate-50/50 dark:bg-slate-900 hover:bg-orange-50/30 dark:hover:bg-orange-900/10 transition-all flex items-center gap-4">
                <div className="p-2.5 bg-orange-100 dark:bg-orange-900/30 text-orange-700 dark:text-orange-400 rounded-lg group-hover:scale-110 transition-transform"><Wind className="w-5 h-5" /></div>
                <div>
                  <h4 className="font-bold text-sm text-slate-800 dark:text-slate-200">Carga Tabágica</h4>
                  <p className="text-[10px] text-slate-500 uppercase tracking-widest mt-0.5">Cálculo de Maços-ano</p>
                </div>
              </Card>
            </div>
          ) : (
            <>
              {activeCalc === 'imc' && renderIMC()}
              {activeCalc === 'glasgow' && renderGlasgow()}
              {activeCalc === 'crcl' && renderCrCl()}
              {activeCalc === 'tabagismo' && renderTabagismo()}
            </>
          )}
        </div>
      </div>
    </>
  );
};

// --- Layout Principal ---
const App = () => {
  const [currentView, setCurrentView] = useState('home');
  const [userName, setUserName] = useState('');
  const [hasEntered, setHasEntered] = useState(false);
  const [isDarkMode, setIsDarkMode] = useState(false);
  const [isSidebarOpen, setIsSidebarOpen] = useState(window.innerWidth > 768);
  const [isCalcOpen, setIsCalcOpen] = useState(false);

  const menuItems = [
    { id: 'home', label: 'Início', icon: LayoutDashboard },
    { id: 'builder', label: 'Tutor de Anamnese', icon: PenTool },
    { id: 'analyzer', label: 'Revisão Geral', icon: FileSignature },
    { id: 'simulator', label: 'Simulação Clínica', icon: User },
    { id: 'videos', label: 'Semio Vídeos', icon: PlayCircle },
    { id: 'audios', label: 'Semio Áudios', icon: Volume2 },
    { id: 'glossary', label: 'Glossário', icon: BookA },
    { id: 'devs', label: 'Corpo Acadêmico', icon: GraduationCap },
  ];

  if (!hasEntered) {
    return (
      <div className={isDarkMode ? 'dark' : ''}>
        <WelcomeScreen onEnter={(name) => {
          setUserName(name);
          setHasEntered(true);
        }} />
      </div>
    );
  }

  return (
    <div className={`h-screen w-full ${isDarkMode ? 'dark' : ''}`}>
      <div className="flex h-screen bg-[#F1F5F9] dark:bg-slate-950 text-slate-900 dark:text-slate-100 font-sans transition-colors duration-200">
        {/* Sidebar - Sharp & Academic */}
        <aside className={`bg-slate-900 dark:bg-slate-950 border-r border-slate-800 dark:border-slate-800 flex flex-col shadow-xl z-20 text-slate-300 transition-all duration-300 shrink-0 ${isSidebarOpen ? 'w-64' : 'w-0 overflow-hidden'}`}>
          <div className="w-64 h-full flex flex-col">
            <button 
              onClick={() => setCurrentView('home')}
              className="p-6 border-b border-slate-800 flex flex-col items-start hover:bg-slate-800/50 dark:hover:bg-slate-900 transition-colors group text-left w-full outline-none focus:bg-slate-800"
              title="Voltar ao Início"
            >
              <div className="flex items-center gap-3">
                <div className="bg-blue-500/10 dark:bg-indigo-500/10 p-1.5 rounded-lg group-hover:scale-110 transition-transform">
                  <Stethoscope className="w-6 h-6 text-blue-500 dark:text-indigo-400"/>
                </div>
                <div className="flex flex-col items-start">
                  <h1 className="text-xl font-black text-white tracking-tight leading-none">
                    SEMIOLOGIA
                  </h1>
                  <span className="text-blue-500 dark:text-indigo-500 font-black tracking-widest text-sm mt-0.5">UFRR</span>
                </div>
              </div>
              <p className="text-[9px] text-slate-500 mt-2 font-bold tracking-widest uppercase group-hover:text-slate-400 transition-colors">Plataforma Acadêmica</p>
            </button>

            <nav className="flex-1 px-3 py-6 space-y-1 overflow-y-auto custom-scrollbar">
              <p className="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-3 px-3">Módulos do Sistema</p>
              {menuItems.map(item => (
                <button
                  key={item.id}
                  onClick={() => setCurrentView(item.id)}
                  className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-md transition-all text-sm font-medium ${
                    currentView === item.id 
                      ? 'bg-blue-900/50 dark:bg-indigo-900/40 text-white shadow-inner border border-blue-800/50 dark:border-indigo-800/50' 
                      : 'text-slate-400 hover:bg-slate-800 dark:hover:bg-slate-900 hover:text-slate-200'
                  }`}
                >
                  <item.icon className={`w-4 h-4 ${currentView === item.id ? 'text-blue-400 dark:text-indigo-400' : 'text-slate-500'}`} />
                  {item.label}
                </button>
              ))}
            </nav>

            <div className="p-6 border-t border-slate-800 text-xs text-slate-500">
              <p className="font-medium text-slate-400 uppercase tracking-widest text-[9px] mb-1">Versão do Sistema</p>
              <p className="mb-4">v2.7.0 (Build Acadêmica)</p>
              <p className="text-[9px] text-slate-600 font-medium tracking-wide">Desenvolvido por Carlos Medeiros</p>
            </div>
          </div>
        </aside>

        {/* Main Content */}
        <main className="flex-1 flex flex-col h-screen overflow-hidden bg-slate-50 dark:bg-slate-900">
          {/* Topbar */}
          <header className="h-14 bg-white dark:bg-slate-950 border-b border-slate-200 dark:border-slate-800 flex items-center justify-between px-4 lg:px-8 shrink-0 shadow-sm transition-colors duration-200">
            <div className="flex items-center text-xs font-bold uppercase tracking-widest text-slate-400 dark:text-slate-500">
              <button 
                onClick={() => setIsSidebarOpen(!isSidebarOpen)} 
                className="mr-3 p-1.5 rounded-md hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-500 dark:text-slate-400 transition-colors"
                title={isSidebarOpen ? "Ocultar Menu Lateral" : "Mostrar Menu Lateral"}
              >
                <Menu className="w-5 h-5" />
              </button>
              <span>UFRR</span>
              <ChevronRight className="w-3 h-3 mx-2" />
              <span className="text-slate-700 dark:text-slate-300">{menuItems.find(m => m.id === currentView)?.label}</span>
            </div>
            <div className="flex items-center gap-2 md:gap-4">
              <button 
                onClick={() => setIsDarkMode(!isDarkMode)} 
                className="p-2 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-500 dark:text-slate-400 transition-colors"
                title={isDarkMode ? "Mudar para Tema Claro" : "Mudar para Tema Escuro"}
              >
                {isDarkMode ? <Sun className="w-5 h-5" /> : <Moon className="w-5 h-5" />}
              </button>
              <button 
                onClick={() => setIsCalcOpen(true)} 
                className="p-2 rounded-full hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-500 dark:text-slate-400 transition-colors"
                title="Calculadoras Clínicas Rápida"
              >
                <Calculator className="w-5 h-5" />
              </button>
              <span className="text-xs font-bold text-blue-800 dark:text-indigo-300 uppercase tracking-widest bg-blue-50 dark:bg-indigo-900/30 border border-blue-100 dark:border-indigo-800/50 px-3 py-1.5 rounded flex items-center gap-2">
                <User className="w-3 h-3" /> Acadêmico(a) {userName}
              </span>
            </div>
          </header>

          {/* Dynamic Content Area */}
          <div className="flex-1 overflow-y-auto p-8 lg:p-10 custom-scrollbar">
            {currentView === 'home' && <Home setCurrentView={setCurrentView} userName={userName} />}
            {currentView === 'builder' && <AnamnesisBuilder userName={userName} />}
            {currentView === 'analyzer' && <AnamnesisAnalyzer userName={userName} />}
            {currentView === 'simulator' && <PatientSimulator userName={userName} />}
            {currentView === 'videos' && <SemioVideos />}
            {currentView === 'audios' && <SemioAudios />}
            {currentView === 'glossary' && <SemioGlossary />}
            {currentView === 'devs' && <Developers />}
          </div>
        </main>
      </div>

      {/* Sobreposição Global para o Painel de Calculadoras */}
      <ClinicalCalculators isOpen={isCalcOpen} onClose={() => setIsCalcOpen(false)} />
    </div>
  );
};

export default App;