redesign widgets

.gitignore

@@ -22,3 +22,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+

src/components/ui/Input.tsx

@@ -57,7 +57,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
               "bg-[#e8e8e8] dark:bg-[#1e293b]",
               "text-slate-800 dark:text-slate-100 font-medium placeholder:text-slate-400 dark:placeholder:text-slate-500",
               
-              // 🎯 Utilisation directe de tes constantes Neumorphic creusées
+              // Utilisation directe de tes constantes Neumorphic creusées
               NEUMORPHISM.insetLight,
               NEUMORPHISM.insetDark,
 

src/components/widgets/BackupWidget.tsx

@@ -18,7 +18,7 @@ export default function BackupWidget({ onClick }: BackupWidgetProps) {
           </span>
         </div>
         
-        <div className="bg-slate-50 rounded-lg p-4 border border-slate-100 mb-4 group-hover:bg-blue-50/50 transition-colors">
+        <div className="rounded-lg p-4 border border-slate-100 mb-4 group-hover:bg-blue-50/50 transition-colors">
           <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>
         </div>

src/components/widgets/ServicesWidget.tsx

@@ -30,7 +30,7 @@ export default function ServicesWidget() {
           ))}
         </div>
 
-        <Button size="lg" onClick={() => navigate('/evolution-infrastructure')}>
+        <Button className ="w-fit" size="lg" onClick={() => navigate('/evolution-infrastructure')}>
           Demander une évolution du parc
         </Button>
  

src/components/widgets/SupportCtaWidget.tsx

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

src/styles/Neumorphism.ts

@@ -13,7 +13,7 @@ export const NEUMORPHISM = {
     sizeStyles: {
      sm: "px-5 py-2 text-sm rounded-md",
      md: "px-[1.7em] py-[0.7em] text-[18px] rounded-[0.5em]",
-    lg: "px-10 py-4 text-xl rounded-xl",
+     lg: "px-10 py-4 text-sm rounded-xl",
      icon: "p-3 rounded-lg",
     },
   // Ombres du bouton ACTIF (effet enfoncé/creusé "inset")