fix: fix of hovers

susconecta/app/(main-routes)/dashboard/page.tsx

@@ -283,15 +283,15 @@ export default function DashboardPage() {
             <Plus className="h-4 w-4" />
             Novo Paciente
           </Button>
-          <Button onClick={() => router.push('/agenda')} variant="outline" className="gap-2 hover:bg-primary/10 hover:text-primary dark:hover:bg-accent dark:hover:text-accent-foreground">
+          <Button onClick={() => router.push('/agenda')} variant="outline" className="gap-2 hover:!bg-primary hover:!text-white transition-colors">
             <Calendar className="h-4 w-4" />
             Novo Agendamento
           </Button>
-          <Button onClick={() => setShowDoctorForm(true)} variant="outline" className="gap-2 hover:bg-primary/10 hover:text-primary dark:hover:bg-accent dark:hover:text-accent-foreground">
+          <Button onClick={() => setShowDoctorForm(true)} variant="outline" className="gap-2 hover:!bg-primary hover:!text-white transition-colors">
             <Stethoscope className="h-4 w-4" />
             Novo Médico
           </Button>
-          <Button onClick={() => router.push('/dashboard/relatorios')} variant="outline" className="gap-2 hover:bg-primary/10 hover:text-primary dark:hover:bg-accent dark:hover:text-accent-foreground">
+          <Button onClick={() => router.push('/dashboard/relatorios')} variant="outline" className="gap-2 hover:!bg-primary hover:!text-white transition-colors">
             <FileText className="h-4 w-4" />
             Ver Relatórios
           </Button>

susconecta/app/paciente/page.tsx

@@ -982,7 +982,7 @@ export default function PacientePage() {
           <div className="flex items-center gap-2">
             <User className="h-6 w-6 text-primary" aria-hidden />
             <span className="font-bold">Portal do Paciente</span>
-            <Button asChild variant="outline" className="ml-4">
+            <Button asChild variant="outline" className="ml-4 hover:!bg-primary hover:!text-white hover:!border-primary transition-colors">
               <Link href="/">
                 <Home className="h-4 w-4 mr-1" /> Início
               </Link>
@@ -990,7 +990,15 @@ export default function PacientePage() {
           </div>
           <div className="flex items-center gap-2">
             <SimpleThemeToggle />
-            <Button onClick={handleLogout} variant="destructive" aria-label={strings.sair} disabled={loading} className="ml-2"><LogOut className="h-4 w-4" /> {strings.sair}</Button>
+            <Button 
+              onClick={handleLogout} 
+              variant="outline" 
+              aria-label={strings.sair} 
+              disabled={loading} 
+              className="ml-2 bg-background hover:!bg-destructive hover:!text-white hover:!border-destructive transition-colors"
+            >
+              <LogOut className="h-4 w-4" /> {strings.sair}
+            </Button>
           </div>
         </header>
 
@@ -1001,7 +1009,7 @@ export default function PacientePage() {
               variant={tab==='dashboard'?'secondary':'ghost'}
               aria-current={tab==='dashboard'}
               onClick={()=>setTab('dashboard')}
-              className={`justify-start ${tab==='dashboard' ? 'bg-primary/10 text-primary' : ''}`}
+              className={`justify-start hover:!bg-primary hover:!text-white transition-colors ${tab==='dashboard' ? 'bg-primary/10 text-primary' : ''}`}
             >
               <Calendar className="mr-2 h-5 w-5" />{strings.dashboard}
             </Button>
@@ -1009,7 +1017,7 @@ export default function PacientePage() {
               variant={tab==='consultas'?'secondary':'ghost'}
               aria-current={tab==='consultas'}
               onClick={()=>setTab('consultas')}
-              className={`justify-start ${tab==='consultas' ? 'bg-primary/10 text-primary' : ''}`}
+              className={`justify-start hover:!bg-primary hover:!text-white transition-colors ${tab==='consultas' ? 'bg-primary/10 text-primary' : ''}`}
             >
               <Calendar className="mr-2 h-5 w-5" />{strings.consultas}
             </Button>
@@ -1017,7 +1025,7 @@ export default function PacientePage() {
               variant={tab==='exames'?'secondary':'ghost'}
               aria-current={tab==='exames'}
               onClick={()=>setTab('exames')}
-              className={`justify-start ${tab==='exames' ? 'bg-primary/10 text-primary' : ''}`}
+              className={`justify-start hover:!bg-primary hover:!text-white transition-colors ${tab==='exames' ? 'bg-primary/10 text-primary' : ''}`}
             >
               <FileText className="mr-2 h-5 w-5" />{strings.exames}
             </Button>
@@ -1026,7 +1034,7 @@ export default function PacientePage() {
               variant={tab==='perfil'?'secondary':'ghost'}
               aria-current={tab==='perfil'}
               onClick={()=>setTab('perfil')}
-              className={`justify-start ${tab==='perfil' ? 'bg-primary/10 text-primary' : ''}`}
+              className={`justify-start hover:!bg-primary hover:!text-white transition-colors ${tab==='perfil' ? 'bg-primary/10 text-primary' : ''}`}
             >
               <UserCog className="mr-2 h-5 w-5" />{strings.perfil}
             </Button>

susconecta/app/profissional/page.tsx

@@ -690,9 +690,9 @@ const ProfissionalPage = () => {
               variant="outline"
               size="sm"
               onClick={() => navigateDate('prev')}
-              className="p-2 hover:bg-blue-50 cursor-pointer dark:hover:bg-primary dark:hover:text-primary-foreground"
+              className="p-2 hover:!bg-primary hover:!text-white cursor-pointer transition-colors"
             >
-              <ChevronLeft className="h-4 w-4 hover:!text-white" />
+              <ChevronLeft className="h-4 w-4" />
             </Button>
             <h3 className="text-lg font-medium text-foreground">
               {formatDate(currentCalendarDate)}
@@ -701,9 +701,9 @@ const ProfissionalPage = () => {
               variant="outline"
               size="sm"
               onClick={() => navigateDate('next')}
-              className="p-2 hover:bg-blue-50 cursor-pointer dark:hover:bg-primary dark:hover:text-primary-foreground"
+              className="p-2 hover:!bg-primary hover:!text-white cursor-pointer transition-colors"
             >
-              <ChevronRight className="h-4 w-4 hover:!text-white" />
+              <ChevronRight className="h-4 w-4" />
             </Button>
             
           </div>
@@ -900,7 +900,7 @@ const ProfissionalPage = () => {
             variant={selectedRange === 'todos' ? 'default' : 'outline'}
             size="sm"
             onClick={() => setSelectedRange('todos')}
-            className="hover:bg-primary/10 hover:text-primary"
+            className="hover:!bg-primary hover:!text-white transition-colors"
           >
             Todos
           </Button>
@@ -908,7 +908,7 @@ const ProfissionalPage = () => {
             variant={selectedRange === 'semana' ? 'default' : 'outline'}
             size="sm"
             onClick={() => setSelectedRange('semana')}
-            className="hover:bg-primary/10 hover:text-primary"
+            className="hover:!bg-primary hover:!text-white transition-colors"
           >
             Semana
           </Button>
@@ -916,7 +916,7 @@ const ProfissionalPage = () => {
             variant={selectedRange === 'mes' ? 'default' : 'outline'}
             size="sm"
             onClick={() => setSelectedRange('mes')}
-            className="hover:bg-primary/10 hover:text-primary"
+            className="hover:!bg-primary hover:!text-white transition-colors"
           >
             Mês
           </Button>
@@ -1077,7 +1077,7 @@ const ProfissionalPage = () => {
             <Button size="sm" onClick={doSearch} disabled={searching}>
               Buscar
             </Button>
-            <Button size="sm" variant="ghost" onClick={handleClear}>
+            <Button size="sm" variant="ghost" onClick={handleClear} className="hover:!bg-primary hover:!text-white transition-colors">
               Limpar
             </Button>
           </div>
@@ -1383,7 +1383,7 @@ const ProfissionalPage = () => {
                                 setIsViewing(true);
                               }
                             }}
-                            className="flex items-center gap-1 hover:bg-blue-50 dark:hover:bg-accent dark:hover:text-accent-foreground"
+                            className="flex items-center gap-1 hover:!bg-primary hover:!text-white transition-colors"
                           >
                             <Eye className="w-4 h-4" />
                             Ver Laudo
@@ -2457,7 +2457,7 @@ const ProfissionalPage = () => {
                 Este editor permite escrever relatórios de forma livre, com formatação de texto rica.
               </div>
               <div className="flex gap-2">
-                <Button variant="outline" onClick={onClose} className="hover:bg-blue-50 dark:hover:bg-accent dark:hover:text-accent-foreground">
+                <Button variant="outline" onClick={onClose} className="hover:!bg-primary hover:!text-white transition-colors">
                   Cancelar
                 </Button>
                 {/* botão 'Salvar Rascunho' removido por não ser utilizado */}
@@ -2656,7 +2656,7 @@ const ProfissionalPage = () => {
             <Button onClick={handleSaveProfile} className="flex items-center gap-2">
               Salvar
             </Button>
-            <Button variant="outline" onClick={handleCancelEdit} className="hover:bg-blue-50 dark:hover:bg-accent dark:hover:text-accent-foreground">
+            <Button variant="outline" onClick={handleCancelEdit} className="hover:!bg-primary hover:!text-white transition-colors">
               Cancelar
             </Button>
           </div>
@@ -2779,7 +2779,7 @@ const ProfissionalPage = () => {
           </Avatar>
           {isEditingProfile && (
             <div className="space-y-2">
-              <Button variant="outline" size="sm" className="hover:bg-primary/10 hover:text-primary dark:hover:bg-accent dark:hover:text-accent-foreground">
+              <Button variant="outline" size="sm" className="hover:!bg-primary hover:!text-white transition-colors">
                 Alterar Foto
               </Button>
               <p className="text-xs text-muted-foreground">
@@ -2875,7 +2875,7 @@ const ProfissionalPage = () => {
           <nav className="bg-card shadow-md rounded-lg border border-border p-3 space-y-1">
             <Button 
               variant={activeSection === 'calendario' ? 'default' : 'ghost'} 
-              className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
+              className="w-full justify-start transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
               onClick={() => setActiveSection('calendario')}
             >
               <CalendarIcon className="mr-2 h-4 w-4" />
@@ -2883,7 +2883,7 @@ const ProfissionalPage = () => {
             </Button>
             <Button 
               variant={activeSection === 'pacientes' ? 'default' : 'ghost'} 
-              className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
+              className="w-full justify-start transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
               onClick={() => setActiveSection('pacientes')}
             >
               <Users className="mr-2 h-4 w-4" />
@@ -2891,7 +2891,7 @@ const ProfissionalPage = () => {
             </Button>
             <Button 
               variant={activeSection === 'laudos' ? 'default' : 'ghost'} 
-              className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
+              className="w-full justify-start transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
               onClick={() => setActiveSection('laudos')}
             >
               <FileText className="mr-2 h-4 w-4" />
@@ -2899,7 +2899,7 @@ const ProfissionalPage = () => {
             </Button>
             <Button 
               variant={activeSection === 'comunicacao' ? 'default' : 'ghost'} 
-              className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
+              className="w-full justify-start transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
               onClick={() => setActiveSection('comunicacao')}
             >
               <MessageSquare className="mr-2 h-4 w-4" />
@@ -2907,7 +2907,7 @@ const ProfissionalPage = () => {
             </Button>
             <Button 
               variant={activeSection === 'perfil' ? 'default' : 'ghost'} 
-              className="w-full justify-start transition-colors hover:bg-primary hover:text-white cursor-pointer"
+              className="w-full justify-start transition-colors hover:!bg-primary hover:!text-white cursor-pointer"
               onClick={() => setActiveSection('perfil')}
             >
               <Settings className="mr-2 h-4 w-4" />
@@ -2957,7 +2957,7 @@ const ProfissionalPage = () => {
                   <Button
                     onClick={() => setShowPopup(false)}
                     variant="outline"
-                    className="flex-1 hover:bg-blue-50 dark:hover:bg-accent dark:hover:text-accent-foreground"
+                    className="flex-1 hover:!bg-primary hover:!text-white transition-colors"
                   >
                     Cancelar
                   </Button>
@@ -3072,7 +3072,7 @@ const ProfissionalPage = () => {
             <Button
               onClick={() => setShowActionModal(false)}
               variant="outline"
-              className="w-full mt-2 hover:bg-blue-50 dark:hover:bg-accent dark:hover:text-accent-foreground"
+              className="w-full mt-2 hover:!bg-primary hover:!text-white transition-colors"
             >
               Cancelar
             </Button>

susconecta/components/dashboard/header.tsx

@@ -43,7 +43,7 @@ export function PagesHeader({ title = "", subtitle = "" }: { title?: string, sub
       </div>
 
       <div className="flex items-center space-x-4">
-        <Button variant="ghost" size="icon">
+        <Button variant="ghost" size="icon" className="hover:!bg-primary hover:!text-white transition-colors">
           <Bell className="h-4 w-4" />
         </Button>
 

susconecta/components/simple-theme-toggle.tsx

@@ -17,7 +17,7 @@ export function SimpleThemeToggle() {
       variant="outline" 
       size="icon" 
       onClick={toggleTheme}
-      className="hover:text-muted-foreground cursor-pointer !shadow-sm !shadow-black/10 !border-2 !border-black dark:!shadow-none dark:!border-border"
+      className="hover:!bg-primary hover:!text-white hover:!border-primary cursor-pointer !shadow-sm !shadow-black/10 !border-2 !border-black dark:!shadow-none dark:!border-border transition-colors"
     >
       <Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
       <Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />

susconecta/components/ui/sidebar.tsx

@@ -266,7 +266,7 @@ function SidebarTrigger({
       data-slot="sidebar-trigger"
       variant="ghost"
       size="icon"
-      className={cn("size-7", className)}
+      className={cn("size-7 hover:!bg-primary hover:!text-white transition-colors", className)}
       onClick={(event) => {
         onClick?.(event)
         toggleSidebar()