dashboard: reimaginacao

Signed-off-by: Rodrigo B. de Sousa Martins <rodrigo.sousa.577@gmail.com>

src/components/dashboard/BenchmarkingEscritorio.tsx

@@ -52,10 +52,13 @@ export const BenchmarkingEscritorio: React.FC = () => {
             <div className="text-lg font-bold text-indigo-700 dark:text-indigo-300">{benchmarking.ajuizados7dias}</div>
           </div>
         </div>
+        <div className="flex items-center gap-2 bg-teal-50 dark:bg-teal-900 rounded-lg p-3">
+          <CheckCircleIcon className="h-7 w-7 text-teal-600" />
+          <div>
+            <div className="text-xs text-gray-500">% de sucesso das causas</div>
+            <div className="text-lg font-extrabold text-teal-700 dark:text-teal-300">{sucessoPercent}%</div>
+          </div>
         </div>
-      <div className="mt-4 flex flex-col items-center">
-        <span className="text-sm text-gray-500">% de sucesso das causas</span>
-        <span className="text-3xl font-extrabold text-green-600 dark:text-green-400">{sucessoPercent}%</span>
       </div>
     </div>
   );