From cfbc0b07a369adcb3853064586ca70364deb0f74 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 19:02:55 +0000
Subject: [PATCH] Changes

Co-authored-by: domfelipe <53182096+domfelipe@users.noreply.github.com>
---
 src/components/mika/PaymentIssueBanner.tsx    | 6 +++---
 src/components/mika/skills/SkillTestPanel.tsx | 4 ++--
 src/routes/painel.skills.$id.tsx              | 2 +-
 src/routes/painel.skills.nova.tsx             | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/mika/PaymentIssueBanner.tsx b/src/components/mika/PaymentIssueBanner.tsx
index bd055cc..8785437 100644
--- a/src/components/mika/PaymentIssueBanner.tsx
+++ b/src/components/mika/PaymentIssueBanner.tsx
@@ -46,7 +46,7 @@ export function PaymentIssueBanner() {
       className={
         isUnpaid
           ? "border-b border-destructive/30 bg-destructive/10"
-          : "border-b border-amber-500/30 bg-amber-500/10"
+          : "border-b border-warning/30 bg-warning/10"
       }
     >
       <div className="mx-auto max-w-6xl px-4 sm:px-6 py-3 flex flex-col sm:flex-row sm:items-center gap-3">
@@ -54,14 +54,14 @@ export function PaymentIssueBanner() {
           <AlertTriangle
             className={
               "h-5 w-5 shrink-0 mt-0.5 " +
-              (isUnpaid ? "text-destructive" : "text-amber-600 dark:text-amber-500")
+              (isUnpaid ? "text-destructive" : "text-warning")
             }
           />
           <div className="min-w-0">
             <p
               className={
                 "text-sm font-semibold " +
-                (isUnpaid ? "text-destructive" : "text-amber-700 dark:text-amber-400")
+                (isUnpaid ? "text-destructive" : "text-warning")
               }
             >
               {isUnpaid
diff --git a/src/components/mika/skills/SkillTestPanel.tsx b/src/components/mika/skills/SkillTestPanel.tsx
index 7ed2060..79bb869 100644
--- a/src/components/mika/skills/SkillTestPanel.tsx
+++ b/src/components/mika/skills/SkillTestPanel.tsx
@@ -158,7 +158,7 @@ export function SkillTestPanel({
             <div
               className={
                 result.status === "success"
-                  ? "rounded-xl border border-blue-500/30 bg-blue-500/5 p-4"
+                  ? "rounded-xl border border-info/30 bg-info/5 p-4"
                   : "rounded-xl border border-destructive/30 bg-destructive/5 p-4"
               }
             >
@@ -167,7 +167,7 @@ export function SkillTestPanel({
                   {result.status === "success" ? "Resultado do teste" : "Erro no teste"}
                 </h3>
                 {result.status === "success" && (
-                  <Badge variant="outline" className="bg-blue-500/15 text-blue-600 dark:text-blue-400 border-blue-500/30">
+                  <Badge variant="info">
                     Dry-run
                   </Badge>
                 )}
diff --git a/src/routes/painel.skills.$id.tsx b/src/routes/painel.skills.$id.tsx
index 1dfa854..0c1eb4b 100644
--- a/src/routes/painel.skills.$id.tsx
+++ b/src/routes/painel.skills.$id.tsx
@@ -356,7 +356,7 @@ function SkillDetailPage() {
                 <div className="flex items-center justify-between">
                   <span className="font-medium">v{v.version_number}</span>
                   {v.is_live && (
-                    <Badge className="bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/30 text-[10px]">
+                    <Badge variant="success" className="text-[10px]">
                       Live
                     </Badge>
                   )}
diff --git a/src/routes/painel.skills.nova.tsx b/src/routes/painel.skills.nova.tsx
index 6eabb60..6b18a1c 100644
--- a/src/routes/painel.skills.nova.tsx
+++ b/src/routes/painel.skills.nova.tsx
@@ -204,7 +204,7 @@ function NovaSkillPage() {
                   return (
                     <li key={f.key} className="flex items-center gap-2 text-sm">
                       {done ? (
-                        <Check className="h-4 w-4 text-emerald-500 shrink-0" />
+                        <Check className="h-4 w-4 text-success shrink-0" />
                       ) : (
                         <CircleDashed className="h-4 w-4 text-muted-foreground/50 shrink-0" />
                       )}