From b1c76f3b697768a28b9316e88092cfa7f08e09f2 Mon Sep 17 00:00:00 2001
From: Gemini Nexus Bot <bot@gemininexus.local>
Date: Tue, 28 Apr 2026 04:01:31 -0300
Subject: [PATCH] style(components): flatten usage cards

---
 src/components/usage/ChartCard.tsx | 2 +-
 src/components/usage/StatCard.tsx  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/usage/ChartCard.tsx b/src/components/usage/ChartCard.tsx
index 13fb518..a7deb9d 100644
--- a/src/components/usage/ChartCard.tsx
+++ b/src/components/usage/ChartCard.tsx
@@ -30,7 +30,7 @@ export const ChartCard: React.FC<ChartStatesProps> = ({
   children,
 }) => {
   return (
-    <Card className="border-border/60 bg-card/60 flex flex-col">
+    <Card className="border border-white/5 bg-background flex flex-col">
       <CardContent className="flex flex-1 flex-col p-4">
         <div className="mb-3 flex items-center justify-between">
           <h3 className="text-foreground text-sm font-semibold tracking-tight">{title}</h3>
diff --git a/src/components/usage/StatCard.tsx b/src/components/usage/StatCard.tsx
index 3498ff8..f7a6289 100644
--- a/src/components/usage/StatCard.tsx
+++ b/src/components/usage/StatCard.tsx
@@ -40,7 +40,7 @@ export const StatCard: React.FC<StatCardProps> = ({
   return (
     <Card
       className={cn(
-        'border-border/60 bg-card/60 hover:bg-card backdrop-blur-none transition-colors',
+        'border border-white/5 bg-background hover:bg-muted/10 backdrop-blur-none transition-colors',
         className,
       )}
     >