wtf happened to the chat header

src/app/appointments/[id]/page.tsx

@@ -390,7 +390,7 @@ export default function AppointmentDetailPage({ params }: PageProps) {
             {appointment.notasGuardadas && appointment.notasConsulta && (
               <>
                 <Separator />
-                <div className="bg-green-50 dark:bg-green-950 p-4 rounded-lg">
+                <div className="bg-green-50 dark:bg-green-800 p-4 rounded-lg">
                   <div className="flex items-start gap-3">
                     <FileText className="h-5 w-5 text-green-700 dark:text-green-400 mt-0.5" />
                     <div className="flex-1">
@@ -535,7 +535,7 @@ export default function AppointmentDetailPage({ params }: PageProps) {
               {appointment.estado === "COMPLETADA" && (
                 <>
                   {appointment.notasGuardadas && appointment.notasConsulta ? (
-                    <div className="flex-1 min-w-[150px] bg-green-50 dark:bg-green-950 p-4 rounded-lg">
+                    <div className="flex-1 min-w-[150px] bg-green-50 dark:bg-green-800 p-4 rounded-lg">
                       <div className="flex items-center gap-2 mb-2">
                         <CheckCircle2 className="h-5 w-5 text-green-600 dark:text-green-400" />
                         <p className="text-sm font-medium text-green-900 dark:text-green-100">