From a1292df245cc6baedab658099f4f5d3a8a904f4a Mon Sep 17 00:00:00 2001
From: esdrasrenan <esdras@renan.dev>
Date: Sat, 6 Dec 2025 23:43:46 -0300
Subject: [PATCH] Improve info card styling with system colors
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Use primary/accent colors instead of hardcoded blue
- Increase text sizes (text-sm for title, text-xs for chips and note)
- Increase icon and chip sizes for better readability
- Use text-secondary for chip text, text-muted-foreground for note

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 .../admin/devices/usb-policy-control.tsx      | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/admin/devices/usb-policy-control.tsx b/src/components/admin/devices/usb-policy-control.tsx
index e2dc082..558896a 100644
--- a/src/components/admin/devices/usb-policy-control.tsx
+++ b/src/components/admin/devices/usb-policy-control.tsx
@@ -319,25 +319,25 @@ export function UsbPolicyControl({
       </div>
 
       {/* Info sobre dispositivos afetados */}
-      <div className="flex items-start gap-2.5 rounded-lg border border-blue-100 bg-blue-50/50 p-3">
-        <Info className="mt-0.5 size-4 shrink-0 text-blue-500" />
-        <div className="space-y-1.5">
-          <p className="text-xs font-medium text-blue-700">Dispositivos afetados</p>
-          <div className="flex flex-wrap gap-1.5">
-            <span className="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700">
-              <HardDrive className="size-2.5" />
+      <div className="flex items-start gap-3 rounded-lg border border-primary/20 bg-accent p-3">
+        <Info className="mt-0.5 size-4 shrink-0 text-primary" />
+        <div className="space-y-2">
+          <p className="text-sm font-medium text-foreground">Dispositivos afetados</p>
+          <div className="flex flex-wrap gap-2">
+            <span className="inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs font-medium text-secondary">
+              <HardDrive className="size-3" />
               Pen drives
             </span>
-            <span className="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700">
-              <HardDrive className="size-2.5" />
+            <span className="inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs font-medium text-secondary">
+              <HardDrive className="size-3" />
               HDs externos
             </span>
-            <span className="inline-flex items-center gap-1 rounded-full bg-blue-100 px-2 py-0.5 text-[10px] font-medium text-blue-700">
-              <HardDrive className="size-2.5" />
+            <span className="inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-1 text-xs font-medium text-secondary">
+              <HardDrive className="size-3" />
               Cartões SD
             </span>
           </div>
-          <p className="text-[10px] text-blue-600/80">
+          <p className="text-xs text-muted-foreground">
             Não afeta teclados, mouses, impressoras ou outros periféricos USB.
           </p>
         </div>