From 95c50d9d6260e74bc9f9016b8508e387f442a80c Mon Sep 17 00:00:00 2001
From: esdrasrenan <esdras@renan.dev>
Date: Mon, 15 Dec 2025 20:39:29 -0300
Subject: [PATCH] style(checklist): ajusta icone ? e badges
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Icone ? com fundo preto semitransparente e texto branco
- Badges maiores (text-[11px], px-2.5) e mais espacadas (gap-2)
- Badge Pergunta com estilo slate ao inves de cyan

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/tickets/ticket-checklist-card.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/tickets/ticket-checklist-card.tsx b/src/components/tickets/ticket-checklist-card.tsx
index edbeb55..973ec13 100644
--- a/src/components/tickets/ticket-checklist-card.tsx
+++ b/src/components/tickets/ticket-checklist-card.tsx
@@ -312,7 +312,7 @@ export function TicketChecklistCard({
                     <div key={item.id} className="flex items-center justify-between gap-3 rounded-xl border border-slate-200 bg-white px-4 py-3">
                       <div className="flex min-w-0 flex-1 items-start gap-3">
                         {isQuestion ? (
-                          <div className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full border border-cyan-300 bg-cyan-50 text-xs font-semibold text-cyan-600">
+                          <div className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-neutral-900/80 text-xs font-semibold text-white">
                             ?
                           </div>
                         ) : (
@@ -425,23 +425,23 @@ export function TicketChecklistCard({
                             </RadioGroup>
                           )}
 
-                          <div className="flex flex-wrap items-center gap-1.5">
+                          <div className="flex flex-wrap items-center gap-2">
                             {required ? (
-                              <Badge variant="secondary" className="rounded-full px-2 py-0.5 text-[10px] font-medium">
+                              <Badge variant="secondary" className="rounded-full px-2.5 py-0.5 text-[11px] font-medium">
                                 Obrigatório
                               </Badge>
                             ) : (
-                              <Badge variant="outline" className="rounded-full px-2 py-0.5 text-[10px] font-medium">
+                              <Badge variant="outline" className="rounded-full px-2.5 py-0.5 text-[11px] font-medium">
                                 Opcional
                               </Badge>
                             )}
                             {isQuestion && (
-                              <Badge variant="outline" className="rounded-full border-cyan-200 bg-cyan-50 px-2 py-0.5 text-[10px] font-medium text-cyan-700">
+                              <Badge variant="outline" className="rounded-full border-slate-300 bg-slate-100 px-2.5 py-0.5 text-[11px] font-medium text-slate-600">
                                 Pergunta
                               </Badge>
                             )}
                             {templateLabel ? (
-                              <Badge variant="outline" className="rounded-full px-2 py-0.5 text-[10px] font-medium text-slate-500">
+                              <Badge variant="outline" className="rounded-full px-2.5 py-0.5 text-[11px] font-medium text-slate-500">
                                 {templateLabel}
                               </Badge>
                             ) : null}