From c4ec2d552fb01f7fac1e3f0d791a0f5ce7989988 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Wed, 29 Jul 2026 14:28:47 +0200
Subject: [PATCH] fix(01-16): normalize assessment prose presentation

- use the readable foreground at confirmed medication and Mood mounts
- tighten Health Score and medication assessment spacing
---
 src/app/insights/medications/page.tsx             | 4 ++--
 src/components/insights/health-score-card.tsx     | 2 +-
 src/components/insights/mood/mood-better-days.tsx | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/insights/medications/page.tsx b/src/app/insights/medications/page.tsx
index c499c329b..9fe6a1d5f 100644
--- a/src/app/insights/medications/page.tsx
+++ b/src/app/insights/medications/page.tsx
@@ -256,7 +256,7 @@ export default function InsightsMedikamentePage() {
                   ) : null}
                 </div>
               </CardHeader>
-              <CardContent className="space-y-2.5">
+              <CardContent className="space-y-2">
                 <div className="space-y-1">
                   <div className="flex justify-between text-xs">
                     <span>{t("insights.compliance7d")}</span>
@@ -297,7 +297,7 @@ export default function InsightsMedikamentePage() {
                 </div>
                 <MedicationComplianceCalendar medicationId={med.id} />
                 {medicationSummary ? (
-                  <p className="text-muted-foreground text-sm leading-6">
+                  <p className="text-foreground text-sm leading-6">
                     {medicationSummary}
                   </p>
                 ) : null}
diff --git a/src/components/insights/health-score-card.tsx b/src/components/insights/health-score-card.tsx
index 0df398e8b..a4e7b7ee1 100644
--- a/src/components/insights/health-score-card.tsx
+++ b/src/components/insights/health-score-card.tsx
@@ -226,7 +226,7 @@ export function HealthScoreCard({
   return (
     <div
       data-slot="health-score-card"
-      className={cn("flex min-w-0 flex-col gap-3", className)}
+      className={cn("flex min-w-0 flex-col gap-2", className)}
     >
       <ScoreAnatomyView
         title={t("insights.healthScore.label")}
diff --git a/src/components/insights/mood/mood-better-days.tsx b/src/components/insights/mood/mood-better-days.tsx
index 944c012aa..07b507214 100644
--- a/src/components/insights/mood/mood-better-days.tsx
+++ b/src/components/insights/mood/mood-better-days.tsx
@@ -74,7 +74,7 @@ export function MoodBetterDays({
 
   return (
     <div data-slot="mood-better-days">
-      <p className="text-muted-foreground mb-2 text-sm">
+      <p className="text-foreground mb-2 text-sm">
         {t("insights.mood.betterDays.description")}
       </p>
       <ul className="divide-border divide-y">