From ad6fadc17abbdefe80c3ed40e8c6f1438215554b Mon Sep 17 00:00:00 2001
From: guisilvagomes <guilherme.gomes@souunit.com.br>
Date: Tue, 28 Oct 2025 11:14:13 -0300
Subject: [PATCH] feat: alinhar PerfilPaciente com PerfilMedico e remover dark
 mode

---
 .../src/components/ui/AvatarUpload.tsx        |   5 +-
 .../src/pages/AcompanhamentoPaciente.tsx      |  18 +--
 MEDICONNECT 2/src/pages/PerfilPaciente.tsx    | 117 +++++++++---------
 3 files changed, 63 insertions(+), 77 deletions(-)

diff --git a/MEDICONNECT 2/src/components/ui/AvatarUpload.tsx b/MEDICONNECT 2/src/components/ui/AvatarUpload.tsx
index 2d1e480f0..8269d620b 100644
--- a/MEDICONNECT 2/src/components/ui/AvatarUpload.tsx	
+++ b/MEDICONNECT 2/src/components/ui/AvatarUpload.tsx	
@@ -47,8 +47,11 @@ export function AvatarUpload({
 
   // Atualiza displayUrl quando currentAvatarUrl muda externamente
   useEffect(() => {
+    console.log("[AvatarUpload] currentAvatarUrl:", currentAvatarUrl);
+    console.log("[AvatarUpload] userId:", userId);
+    console.log("[AvatarUpload] editable:", editable);
     setDisplayUrl(currentAvatarUrl);
-  }, [currentAvatarUrl]);
+  }, [currentAvatarUrl, userId, editable]);
 
   const handleFileSelect = async (e: React.ChangeEvent<HTMLInputElement>) => {
     const file = e.target.files?.[0];
diff --git a/MEDICONNECT 2/src/pages/AcompanhamentoPaciente.tsx b/MEDICONNECT 2/src/pages/AcompanhamentoPaciente.tsx
index ac09b8fde..f79a25eed 100644
--- a/MEDICONNECT 2/src/pages/AcompanhamentoPaciente.tsx	
+++ b/MEDICONNECT 2/src/pages/AcompanhamentoPaciente.tsx	
@@ -20,7 +20,7 @@ import { format } from "date-fns";
 import { ptBR } from "date-fns/locale";
 import { useNavigate } from "react-router-dom";
 import { useAuth } from "../hooks/useAuth";
-import { appointmentService, doctorService, reportService, profileService } from "../services";
+import { appointmentService, doctorService, reportService } from "../services";
 import type { Report } from "../services/reports/types";
 import AgendamentoConsulta from "../components/AgendamentoConsulta";
 import { Avatar } from "../components/ui/Avatar";
@@ -140,22 +140,6 @@ const AcompanhamentoPaciente: React.FC = () => {
     fetchConsultas();
   }, [fetchConsultas]);
 
-  // Carregar avatar do perfil
-  useEffect(() => {
-    const loadAvatar = async () => {
-      if (!pacienteId) return;
-      try {
-        const profile = await profileService.getById(pacienteId);
-        if (profile?.avatar_url) {
-          setAvatarUrl(profile.avatar_url);
-        }
-      } catch {
-        console.log("Perfil não encontrado, usando avatar padrão");
-      }
-    };
-    loadAvatar();
-  }, [pacienteId]);
-
   // Recarregar consultas quando mudar para a aba de consultas
   const fetchLaudos = useCallback(async () => {
     if (!pacienteId) return;
diff --git a/MEDICONNECT 2/src/pages/PerfilPaciente.tsx b/MEDICONNECT 2/src/pages/PerfilPaciente.tsx
index a4c9f555f..fbfa705bc 100644
--- a/MEDICONNECT 2/src/pages/PerfilPaciente.tsx	
+++ b/MEDICONNECT 2/src/pages/PerfilPaciente.tsx	
@@ -189,10 +189,10 @@ export default function PerfilPaciente() {
 
   if (loading) {
     return (
-      <div className="flex items-center justify-center min-h-screen bg-gray-50 dark:bg-gray-900">
+      <div className="flex items-center justify-center min-h-screen bg-gray-50">
         <div className="text-center">
           <div className="w-16 h-16 border-4 border-blue-600 border-t-transparent rounded-full animate-spin mx-auto mb-4" />
-          <p className="text-gray-600 dark:text-gray-400">
+          <p className="text-gray-600">
             Carregando perfil...
           </p>
         </div>
@@ -202,9 +202,9 @@ export default function PerfilPaciente() {
 
   if (!user?.id) {
     return (
-      <div className="flex items-center justify-center min-h-screen bg-gray-50 dark:bg-gray-900">
+      <div className="flex items-center justify-center min-h-screen bg-gray-50">
         <div className="text-center">
-          <p className="text-red-600 dark:text-red-400 mb-4">
+          <p className="text-red-600 mb-4">
             Usuário não identificado
           </p>
           <button
@@ -219,12 +219,12 @@ export default function PerfilPaciente() {
   }
 
   return (
-    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-8 px-4">
+    <div className="min-h-screen bg-gray-50 py-8 px-4">
       <div className="max-w-4xl mx-auto space-y-6">
         {/* Botão Voltar */}
         <button
           onClick={() => navigate("/acompanhamento")}
-          className="flex items-center gap-2 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 transition-colors mb-4"
+          className="flex items-center gap-2 text-gray-600 hover:text-gray-900 transition-colors mb-4"
         >
           <ArrowLeft className="w-5 h-5" />
           Voltar para o Painel
@@ -233,10 +233,10 @@ export default function PerfilPaciente() {
         {/* Header */}
         <div className="flex items-center justify-between">
           <div>
-            <h1 className="text-3xl font-bold text-gray-900 dark:text-gray-100">
+            <h1 className="text-3xl font-bold text-gray-900">
               Meu Perfil
             </h1>
-            <p className="text-gray-600 dark:text-gray-400">
+            <p className="text-gray-600">
               Gerencie suas informações pessoais e médicas
             </p>
           </div>
@@ -254,7 +254,7 @@ export default function PerfilPaciente() {
                   setIsEditing(false);
                   loadPatientData();
                 }}
-                className="px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
+                className="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors"
               >
                 Cancelar
               </button>
@@ -270,10 +270,8 @@ export default function PerfilPaciente() {
         </div>
 
         {/* Avatar Card */}
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
-          <h2 className="text-lg font-semibold mb-4 text-gray-900 dark:text-gray-100">
-            Foto de Perfil
-          </h2>
+        <div className="bg-white rounded-lg shadow p-6">
+          <h2 className="text-lg font-semibold mb-4">Foto de Perfil</h2>
           <div className="flex items-center gap-6">
             <AvatarUpload
               userId={user?.id}
@@ -285,10 +283,10 @@ export default function PerfilPaciente() {
               onAvatarUpdate={(url) => setAvatarUrl(url || undefined)}
             />
             <div>
-              <p className="font-medium text-gray-900 dark:text-gray-100">
+              <p className="font-medium text-gray-900">
                 {formData.full_name || "Carregando..."}
               </p>
-              <p className="text-gray-500 dark:text-gray-400">
+              <p className="text-gray-500">
                 {formData.email || "Sem email"}
               </p>
             </div>
@@ -296,15 +294,15 @@ export default function PerfilPaciente() {
         </div>
 
         {/* Tabs */}
-        <div className="bg-white dark:bg-gray-800 rounded-lg shadow">
-          <div className="border-b border-gray-200 dark:border-gray-700">
+        <div className="bg-white rounded-lg shadow">
+          <div className="border-b border-gray-200">
             <nav className="flex -mb-px">
               <button
                 onClick={() => setActiveTab("personal")}
                 className={`px-6 py-3 text-sm font-medium border-b-2 transition-colors ${
                   activeTab === "personal"
-                    ? "border-blue-600 text-blue-600 dark:text-blue-400"
-                    : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"
+                    ? "border-blue-600 text-blue-600"
+                    : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
                 }`}
               >
                 Dados Pessoais
@@ -313,8 +311,8 @@ export default function PerfilPaciente() {
                 onClick={() => setActiveTab("medical")}
                 className={`px-6 py-3 text-sm font-medium border-b-2 transition-colors ${
                   activeTab === "medical"
-                    ? "border-blue-600 text-blue-600 dark:text-blue-400"
-                    : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"
+                    ? "border-blue-600 text-blue-600"
+                    : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
                 }`}
               >
                 Informações Médicas
@@ -323,8 +321,8 @@ export default function PerfilPaciente() {
                 onClick={() => setActiveTab("security")}
                 className={`px-6 py-3 text-sm font-medium border-b-2 transition-colors ${
                   activeTab === "security"
-                    ? "border-blue-600 text-blue-600 dark:text-blue-400"
-                    : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"
+                    ? "border-blue-600 text-blue-600"
+                    : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300"
                 }`}
               >
                 Segurança
@@ -337,16 +335,16 @@ export default function PerfilPaciente() {
             {activeTab === "personal" && (
               <div className="space-y-6">
                 <div>
-                  <h3 className="text-lg font-semibold mb-4 text-gray-900 dark:text-gray-100">
+                  <h3 className="text-lg font-semibold mb-4 text-gray-900">
                     Informações Pessoais
                   </h3>
-                  <p className="text-sm text-gray-500 dark:text-gray-400 mb-4">
+                  <p className="text-sm text-gray-500 mb-4">
                     Mantenha seus dados atualizados
                   </p>
 
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Nome Completo
                       </label>
                       <input
@@ -356,12 +354,12 @@ export default function PerfilPaciente() {
                           handleChange("full_name", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Email
                       </label>
                       <input
@@ -369,12 +367,12 @@ export default function PerfilPaciente() {
                         value={formData.email}
                         onChange={(e) => handleChange("email", e.target.value)}
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Telefone
                       </label>
                       <input
@@ -384,12 +382,12 @@ export default function PerfilPaciente() {
                           handleChange("phone_mobile", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         CPF
                       </label>
                       <input
@@ -401,7 +399,7 @@ export default function PerfilPaciente() {
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Data de Nascimento
                       </label>
                       <input
@@ -411,19 +409,19 @@ export default function PerfilPaciente() {
                           handleChange("birth_date", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Sexo
                       </label>
                       <select
                         value={formData.sex}
                         onChange={(e) => handleChange("sex", e.target.value)}
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       >
                         <option value="">Selecione</option>
                         <option value="M">Masculino</option>
@@ -439,7 +437,7 @@ export default function PerfilPaciente() {
 
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div className="md:col-span-2">
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Rua
                       </label>
                       <input
@@ -447,12 +445,12 @@ export default function PerfilPaciente() {
                         value={formData.street}
                         onChange={(e) => handleChange("street", e.target.value)}
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Número
                       </label>
                       <input
@@ -460,12 +458,12 @@ export default function PerfilPaciente() {
                         value={formData.number}
                         onChange={(e) => handleChange("number", e.target.value)}
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Complemento
                       </label>
                       <input
@@ -475,12 +473,12 @@ export default function PerfilPaciente() {
                           handleChange("complement", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Bairro
                       </label>
                       <input
@@ -490,12 +488,12 @@ export default function PerfilPaciente() {
                           handleChange("neighborhood", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Cidade
                       </label>
                       <input
@@ -503,12 +501,12 @@ export default function PerfilPaciente() {
                         value={formData.city}
                         onChange={(e) => handleChange("city", e.target.value)}
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Estado
                       </label>
                       <input
@@ -517,12 +515,12 @@ export default function PerfilPaciente() {
                         onChange={(e) => handleChange("state", e.target.value)}
                         disabled={!isEditing}
                         maxLength={2}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         CEP
                       </label>
                       <input
@@ -530,7 +528,7 @@ export default function PerfilPaciente() {
                         value={formData.cep}
                         onChange={(e) => handleChange("cep", e.target.value)}
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
                   </div>
@@ -551,7 +549,7 @@ export default function PerfilPaciente() {
 
                   <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Tipo Sanguíneo
                       </label>
                       <select
@@ -560,7 +558,7 @@ export default function PerfilPaciente() {
                           handleChange("blood_type", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       >
                         <option value="">Selecione</option>
                         <option value="A+">A+</option>
@@ -574,7 +572,7 @@ export default function PerfilPaciente() {
                       </select>
                     </div>
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Peso (kg)
                       </label>
                       <input
@@ -585,12 +583,12 @@ export default function PerfilPaciente() {
                           handleChange("weight_kg", e.target.value)
                         }
                         disabled={!isEditing}
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Altura (m)
                       </label>
                       <input
@@ -602,7 +600,7 @@ export default function PerfilPaciente() {
                         }
                         disabled={!isEditing}
                         placeholder="Ex: 1.75"
-                        className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 dark:disabled:bg-gray-700 disabled:text-gray-500 dark:disabled:text-gray-400 bg-white dark:bg-gray-700 text-gray-900 dark:text-gray-100"
+                        className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:text-gray-500 bg-white text-gray-900"
                       />
                     </div>
                   </div>
@@ -621,7 +619,7 @@ export default function PerfilPaciente() {
 
                   <div className="max-w-md space-y-4">
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Senha Atual
                       </label>
                       <input
@@ -639,7 +637,7 @@ export default function PerfilPaciente() {
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Nova Senha
                       </label>
                       <input
@@ -657,7 +655,7 @@ export default function PerfilPaciente() {
                     </div>
 
                     <div>
-                      <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">
+                      <label className="block text-sm font-medium text-gray-700 mb-1">
                         Confirmar Nova Senha
                       </label>
                       <input
@@ -690,3 +688,4 @@ export default function PerfilPaciente() {
     </div>
   );
 }
+