From 6b611d7200b20f9e7558c8d3381842f78c01899a Mon Sep 17 00:00:00 2001
From: MehrdadAdabi <126083584+mehrdadAdabi@users.noreply.github.com>
Date: Sat, 4 Oct 2025 18:45:24 +0330
Subject: [PATCH 1/4] fix:change styles and update color

---
 .../digital-innovation-page.tsx               | 22 +++++++--------
 .../green-innovation-page.tsx                 | 10 +++----
 .../innovation-built-inside-page.tsx          | 27 +++++++++----------
 3 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/app/components/dashboard/project-management/digital-innovation-page.tsx b/app/components/dashboard/project-management/digital-innovation-page.tsx
index 1b5b35b..91a6f84 100644
--- a/app/components/dashboard/project-management/digital-innovation-page.tsx
+++ b/app/components/dashboard/project-management/digital-innovation-page.tsx
@@ -212,7 +212,7 @@ export function DigitalInnovationPage() {
       value: formatNumber(stats.reduceCosts.toFixed?.(1) ?? stats.reduceCosts),
       description: "میلیون ریال کاهش یافته",
       icon: <TrendingDown />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     {
       id: "bottleneck-removal",
@@ -220,7 +220,7 @@ export function DigitalInnovationPage() {
       value: formatNumber(stats.increasedRevenue),
       description: "میلیون ریال افزایش یافته",
       icon: <TrendingUp />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
 
     {
@@ -231,7 +231,7 @@ export function DigitalInnovationPage() {
       ),
       description: "هزار تن صرفه جوریی شده",
       icon: <Database />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
     {
       id: "frequent-failures-reduction",
@@ -242,7 +242,7 @@ export function DigitalInnovationPage() {
       ),
       description: "مگاوات کاهش یافته",
       icon: <Zap />,
-      color: "text-emerald-400",
+      color: "text-pr-green",
     },
   ];
 
@@ -599,14 +599,14 @@ export function DigitalInnovationPage() {
             variant="ghost"
             size="sm"
             onClick={() => handleProjectDetails(item)}
-            className="text-pr-green hover:text-emerald-300 underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
+            className="text-pr-green hover:text-pr-green underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
           >
             جزئیات بیشتر
           </Button>
         );
       case "amount_currency_reduction":
         return (
-          <span className="font-medium text-emerald-400">
+          <span className="font-medium text-pr-green">
             {formatCurrency(String(value))}
           </span>
         );
@@ -709,7 +709,7 @@ export function DigitalInnovationPage() {
                           </div>
                           <div className="flex items-center justify-center flex-col p-2 pb-4">
                             <p
-                              className={`text-3xl font-bold ${card.color} mb-1`}
+                              className={`text-3xl font-bold  ${card.color} mb-1`}
                             >
                               {card.value}
                             </p>
@@ -735,25 +735,25 @@ export function DigitalInnovationPage() {
                 {
                   label: DigitalCardLabel.decreasCost,
                   value: stats.reduceCostsPercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
                 {
                   label: DigitalCardLabel.increaseRevenue,
                   value: stats.increasedRevenuePercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
                 {
                   label: DigitalCardLabel.performance,
                   value: stats.resourceProductivityPercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
                 {
                   label: DigitalCardLabel.decreaseEnergy,
                   value: stats.reduceEnergyConsumptionPercent || 0,
-                  color: "bg-emerald-400",
+                  color: "bg-pr-green",
                   labelColor: "text-white",
                 },
               ]}
diff --git a/app/components/dashboard/project-management/green-innovation-page.tsx b/app/components/dashboard/project-management/green-innovation-page.tsx
index b15acd3..d673736 100644
--- a/app/components/dashboard/project-management/green-innovation-page.tsx
+++ b/app/components/dashboard/project-management/green-innovation-page.tsx
@@ -602,14 +602,14 @@ export function GreenInnovationPage() {
             variant="ghost"
             size="sm"
             onClick={() => handleProjectDetails(item)}
-            className="text-pr-green hover:text-emerald-300 underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
+            className="text-pr-green hover:text-pr-green underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
           >
             جزئیات بیشتر
           </Button>
         );
       case "amount_currency_reduction":
         return (
-          <span className="font-medium text-emerald-400">
+          <span className="font-medium text-pr-green">
             {formatCurrency(String(value))}
           </span>
         );
@@ -733,7 +733,7 @@ export function GreenInnovationPage() {
                         </div>
                         <div className="flex items-center justify-between p-6 flex-row-reverse">
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-400 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               % {value.percent?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -742,7 +742,7 @@ export function GreenInnovationPage() {
                           </div>
                           <b className="block w-0.5 h-8 bg-gray-600 rotate-45" />
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-400 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               {value.total?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -1113,7 +1113,7 @@ export function GreenInnovationPage() {
               شرح پروژه
             </DialogTitle>
           </DialogHeader>
-          <div className="space-y-4 flex justify-between text-right px-6">
+          <div className="space-y-4 flex justify-between text-right p-6">
             {/* Project Description */}
             <div className="flex-[4] border-l-2 border-gray-600">
               <h2 className="font-bold">{selectedProjectDetails?.title}</h2>
diff --git a/app/components/dashboard/project-management/innovation-built-inside-page.tsx b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
index 90bb420..097dc69 100644
--- a/app/components/dashboard/project-management/innovation-built-inside-page.tsx
+++ b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
@@ -152,8 +152,8 @@ enum projectStatus {
 
 const columns = [
   { key: "select", label: "", sortable: false, width: "50px" },
-  { key: "project_no", label: "شماره پروژه", sortable: true, width: "140px" },
-  { key: "title", label: "عنوان پروژه", sortable: true, width: "400px" },
+  { key: "project_no", label: "شماره پروژه", sortable: true, width: "120px" },
+  { key: "title", label: "عنوان پروژه", sortable: true, width: "300px" },
   {
     key: "project_status",
     label: "وضعیت پروژه",
@@ -164,7 +164,7 @@ const columns = [
     key: "project_rating",
     label: "امتیاز پروژه",
     sortable: true,
-    width: "140px",
+    width: "120px",
   },
   { key: "details", label: "جزئیات پروژه", sortable: false, width: "140px" },
 ];
@@ -624,14 +624,14 @@ export function InnovationBuiltInsidePage() {
             variant="ghost"
             size="sm"
             onClick={() => handleProjectDetails(item)}
-            className="text-pr-green hover:text-emerald-300 underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
+            className="text-pr-green hover:text-pr-green underline-offset-4 underline font-normal hover:bg-emerald-500/20 p-2 h-auto"
           >
             جزئیات بیشتر
           </Button>
         );
       case "amount_currency_reduction":
         return (
-          <span className="font-medium text-emerald-500">
+          <span className="font-medium text-pr-green">
             {formatCurrency(String(value))}
           </span>
         );
@@ -701,10 +701,10 @@ export function InnovationBuiltInsidePage() {
 
   return (
     <DashboardLayout title="نوآوری ساخت داخل">
-      <div className="space-y-4   justify-between gap-8 grid pl-3.5 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
+      <div className="space-y-4  justify-between gap-8 grid pl-3.5 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
         {/* Stats Cards */}
-        <div className="flex gap-6 w-full mb-0">
-          <div className="flex flex-col justify-between w-full gap-6">
+        <div className="flex w-full mb-0">
+          <div className="flex flex-col  w-full justify-between gap-2">
             {statsLoading
               ? // Loading skeleton for stats cards - matching new design
                 Array.from({ length: 2 }).map((_, index) => (
@@ -748,7 +748,7 @@ export function InnovationBuiltInsidePage() {
                         </div>
                         <div className="flex items-center justify-between p-6 flex-row-reverse">
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-500 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               % {value.percent?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -757,7 +757,7 @@ export function InnovationBuiltInsidePage() {
                           </div>
                           <b className="block w-0.5 h-8 bg-gray-600 rotate-45" />
                           <div className="flex flex-col">
-                            <span className="text-3xl font-bold text-emerald-500 mb-1 font-persian">
+                            <span className="text-3xl font-bold text-pr-green mb-1 font-persian">
                               {value.total?.value}
                             </span>
                             <span className="text-sm text-gray-400 font-persian">
@@ -867,7 +867,7 @@ export function InnovationBuiltInsidePage() {
         <Card className="bg-transparent backdrop-blur-sm rounded-lg overflow-hidden w-full h-max">
           <CardContent className="p-0">
             <div className="relative ">
-              <Table containerClassName="overflow-auto custom-scrollbar h-[calc(90vh-15px)]">
+              <Table containerClassName="overflow-auto custom-scrollbar h-[calc(100vh-160px)]">
                 <TableHeader>
                   <TableRow className="bg-[#3F415A]">
                     {columns.map((column) => (
@@ -1030,7 +1030,7 @@ export function InnovationBuiltInsidePage() {
 
       {/* Project Details Dialog */}
       <Dialog open={detailsDialogOpen} onOpenChange={setDetailsDialogOpen}>
-        <DialogContent className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)]  max-w-6xl  overflow-y-auto">
+        <DialogContent className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)]  max-w-5xl  overflow-y-auto">
           <DialogHeader>
             <DialogTitle className="text-white mr-4 border-b-2 border-gray-600 pb-4 font-persian text-right">
               شرح پروژه
@@ -1092,7 +1092,6 @@ export function InnovationBuiltInsidePage() {
                       <div className="flex flex-col  justify-center items-center">
                         <span className="block w-0.5 h-14 bg-white"></span>
                         <span className="text-white border border-white p-1 px-2 text-xs rounded-lg">
-                          {" "}
                           سطح تکنولوژی
                         </span>
                       </div>
@@ -1256,7 +1255,7 @@ export function InnovationBuiltInsidePage() {
                     ))}
                   </div>
                 ) : (
-                  <ResponsiveContainer width="100%" height={420}>
+                  <ResponsiveContainer width="100%" height={400}>
                     <LineChart
                       data={dialogChartData}
                       margin={{ top: 20, right: 70, left: 30, bottom: 80 }}

From 2ab9853b597b8fb699362d3899f4d37fe2391cb8 Mon Sep 17 00:00:00 2001
From: MehrdadAdabi <126083584+mehrdadAdabi@users.noreply.github.com>
Date: Sat, 4 Oct 2025 18:53:20 +0330
Subject: [PATCH 2/4] fix:change styles

---
 .../project-management/digital-innovation-page.tsx        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/components/dashboard/project-management/digital-innovation-page.tsx b/app/components/dashboard/project-management/digital-innovation-page.tsx
index 91a6f84..9a8b233 100644
--- a/app/components/dashboard/project-management/digital-innovation-page.tsx
+++ b/app/components/dashboard/project-management/digital-innovation-page.tsx
@@ -652,7 +652,7 @@ export function DigitalInnovationPage() {
 
   return (
     <DashboardLayout title="نوآوری دیجیتال">
-      <div className="space-y-4 grid  justify-between gap-8 pl-6 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
+      <div className="space-y-4 grid  justify-between gap-7 pl-6 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
         {/* Stats Cards */}
         <div className="flex flex-col gap-6  w-full mb-0">
           <div className="space-y-6 w-full">
@@ -725,7 +725,7 @@ export function DigitalInnovationPage() {
           </div>
 
           {/* Process Impacts Chart */}
-          <Card className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)]  backdrop-blur-sm rounded-lg w-full overflow-hidden h-full ">
+          <Card className="bg-[linear-gradient(to_bottom_left,#464861,50%,#111628)]  backdrop-blur-sm rounded-lg w-full overflow-hidden  h-[18rem]">
             {/* <CardContent > */}
             <CustomBarChart
               title="تاثیرات نوآوری دیجیتال به صورت درصد مقایسه ای"
@@ -765,10 +765,10 @@ export function DigitalInnovationPage() {
         </div>
 
         {/* Data Table */}
-        <Card className="bg-transparent backdrop-blur-sm rounded-lg overflow-hidden w-full h-[39.7rem]">
+        <Card className="bg-transparent backdrop-blur-sm rounded-lg overflow-hidden w-full h-max">
           <CardContent className="p-0">
             <div className="relative h-full">
-              <Table containerClassName="overflow-auto custom-scrollbar w-full h-[36.8rem] ">
+              <Table containerClassName="overflow-auto custom-scrollbar w-full h-[calc(100vh-160px)] ">
                 <TableHeader>
                   <TableRow className="bg-[#3F415A]">
                     {columns.map((column) => (

From 01783dc3deb54708059be32568097e82ed983369 Mon Sep 17 00:00:00 2001
From: MehrdadAdabi <126083584+mehrdadAdabi@users.noreply.github.com>
Date: Sat, 4 Oct 2025 18:59:37 +0330
Subject: [PATCH 3/4] fix:change styles

---
 .../dashboard/project-management/digital-innovation-page.tsx  | 4 +++-
 .../dashboard/project-management/green-innovation-page.tsx    | 4 +++-
 .../project-management/innovation-built-inside-page.tsx       | 4 +++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/app/components/dashboard/project-management/digital-innovation-page.tsx b/app/components/dashboard/project-management/digital-innovation-page.tsx
index 9a8b233..da66cb4 100644
--- a/app/components/dashboard/project-management/digital-innovation-page.tsx
+++ b/app/components/dashboard/project-management/digital-innovation-page.tsx
@@ -617,7 +617,9 @@ export function DigitalInnovationPage() {
           </Badge>
         );
       case "title":
-        return <span className="font-medium text-white">{String(value)}</span>;
+        return (
+          <span className="font-light text-sm text-white">{String(value)}</span>
+        );
       case "project_status":
         return (
           <div className="flex items-center gap-1">
diff --git a/app/components/dashboard/project-management/green-innovation-page.tsx b/app/components/dashboard/project-management/green-innovation-page.tsx
index d673736..a9e013e 100644
--- a/app/components/dashboard/project-management/green-innovation-page.tsx
+++ b/app/components/dashboard/project-management/green-innovation-page.tsx
@@ -620,7 +620,9 @@ export function GreenInnovationPage() {
           </Badge>
         );
       case "title":
-        return <span className="font-medium text-white">{String(value)}</span>;
+        return (
+          <span className="font-light text-sm text-white">{String(value)}</span>
+        );
       case "project_status":
         return (
           <div className="flex items-center gap-1">
diff --git a/app/components/dashboard/project-management/innovation-built-inside-page.tsx b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
index 097dc69..4c393aa 100644
--- a/app/components/dashboard/project-management/innovation-built-inside-page.tsx
+++ b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
@@ -642,7 +642,9 @@ export function InnovationBuiltInsidePage() {
           </Badge>
         );
       case "title":
-        return <span className="font-medium text-white">{String(value)}</span>;
+        return (
+          <span className="font-light text-sm text-white">{String(value)}</span>
+        );
       case "project_status":
         return (
           <div className="flex items-center gap-1">

From a14faab82da07fc3009ec8503f8bf6b143633a4c Mon Sep 17 00:00:00 2001
From: mahmoodsht <106068383+mahmoodsht@users.noreply.github.com>
Date: Sun, 5 Oct 2025 08:45:46 +0330
Subject: [PATCH 4/4] =?UTF-8?q?=D8=AC=D8=B2=DB=8C=DB=8C=D8=A7=D8=AA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../project-management/innovation-built-inside-page.tsx         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/dashboard/project-management/innovation-built-inside-page.tsx b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
index 4c393aa..7cd5805 100644
--- a/app/components/dashboard/project-management/innovation-built-inside-page.tsx
+++ b/app/components/dashboard/project-management/innovation-built-inside-page.tsx
@@ -703,7 +703,7 @@ export function InnovationBuiltInsidePage() {
 
   return (
     <DashboardLayout title="نوآوری ساخت داخل">
-      <div className="space-y-4  justify-between gap-8 grid pl-3.5 sm:grid-cols-1 xl:grid-cols-[40%_60%]">
+      <div className="space-y-4  justify-between gap-8 grid pl-3.5 sm:grid-cols-1 xl:grid-cols-[35%_65%]">
         {/* Stats Cards */}
         <div className="flex w-full mb-0">
           <div className="flex flex-col  w-full justify-between gap-2">