src/components/ui/Card.tsx

@@ -43,7 +43,7 @@ export const CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<
       ref={ref}
       className={cn(
         // Séparation discrète (bordure fine plutôt qu'ombre inset, pour rester léger)
-        "px-6 py-5 flex flex-col space-y-1.5 border-b border-black/5 dark:border-white/5 transition-all duration-300 ease-in-out",
+        "px-6 py-5 flex flex-col space-y-1.5 border-black/5 dark:border-white/5 transition-all duration-300",
         className
       )}
       {...props}

src/components/widgets/BackupWidget.tsx

@@ -17,8 +17,8 @@ export default function BackupWidget({ onClick }: BackupWidgetProps) {
         <Badge className="max-w-fit min-w-fit" name="PRA Immuable">
         </Badge>
       </CardHeader>
-      <CardContent className="p-6">
-        <Card variant='digged' className="bg-slate-50 rounded-lg p-4 border border-slate-100 mb-4">
+      <CardContent className="p-6 flex flex-col h-full">
+        <Card variant="flat" className="rounded-lg p-4 border border-slate-100 mb-4">
           <p className="text-sm text-slate-500 mb-1">Dernier snapshot système</p>
           <p className="text-slate-900 font-medium">Aujourd'hui à 03:00 AM</p>
         </Card>

src/components/widgets/ServicesWidget.tsx

@@ -30,8 +30,8 @@ export default function ServicesWidget() {
           ))}
         </div>
 
-        <Button className ="w-fit" size="lg" onClick={() => navigate('/evolution-infrastructure')}>
-          Demander une évolution du parc
+        <Button className ="text-green-600" size="lg" onClick={() => navigate('/evolution-infrastructure')}>
+          Mise à niveau du Parc
         </Button>
  
       </CardContent>

src/components/widgets/SupportCtaWidget.tsx

@@ -8,14 +8,14 @@ export const SupportCtaWidget: React.FC = () => {
 
   return (
     <Card>
-      <CardContent className="p-6 bg-blue-900">
-        <h3 className="text-lg font-semibold mb-2 text-white">Centre de Support</h3>
-        <p className=" text-white text-sm mb-4 leading-relaxed">
+      <CardContent className="p-6 rounded-xl">
+        <h3 className="text-lg font-semibold mb-2">Centre de Support</h3>
+        <p className="text-sm mb-4 leading-relaxed">
           Déclarez un incident critique ou demandez une évolution de votre infrastructure.
         </p>
         <Button
           onClick={() => navigate('/support')}
-          className= "text-white w-full bg-blue-900"
+          className= "text-rose-500 w-full"
         >
           Ouvrir un ticket sécurisé
         </Button>

src/components/widgets/SupportFooterWidget.tsx

@@ -16,7 +16,7 @@ export const SupportFooterWidget: React.FC<SupportFooterWidgetProps> = ({
   const navigate = useNavigate();
 
   return (
-    <div className="mt-12 bg-slate-900 text-slate-300 rounded-xl p-6 flex flex-col sm:flex-row items-center justify-between gap-4 shadow-sm">
+    <div className="mt-12 bg-slate-500 text-slate-300 rounded-xl p-6 flex flex-col sm:flex-row items-center justify-between gap-4 shadow-sm">
       <div>
         <h4 className="text-sm font-bold text-white">{title}</h4>
         <p className="text-xs text-slate-400 mt-0.5">

src/pages/ServiceDesk.tsx

@@ -15,7 +15,7 @@ export default function ServiceDesk() {
           title="Centre de Support (Service Desk)"
           description="Canal de communication sécurisé avec vos experts GISE."
         >
-          <Button onClick={() => navigate('/support/new')}>
+          <Button className= "text-rose-500" onClick={() => navigate('/support/new')}>
             Ouvrir un ticket sécurisé
           </Button>
         </PageHeader>