From d95af184bec99297ae4d8688e4c983203d336280 Mon Sep 17 00:00:00 2001
From: rever-tecnologia <revertecnologia@gmail.com>
Date: Thu, 18 Dec 2025 11:37:45 -0300
Subject: [PATCH] style(sidebar): transforma subtitulo em badge pill
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Subtitulo agora aparece como badge com fundo escuro
- Alterado texto para "Plataforma de chamados"
- Estilo consistente com badges da plataforma

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

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/app-sidebar.tsx   | 2 +-
 src/components/sidebar-brand.tsx | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
index 10acc19..6c99ebd 100644
--- a/src/components/app-sidebar.tsx
+++ b/src/components/app-sidebar.tsx
@@ -253,7 +253,7 @@ export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
           logoSrc="/logo-raven.png"
           logoAlt="Logotipo Raven"
           title="Raven"
-          subtitle="Chamados"
+          subtitle="Plataforma de chamados"
         />
       </SidebarHeader>
       <SidebarContent>
diff --git a/src/components/sidebar-brand.tsx b/src/components/sidebar-brand.tsx
index 25fd11a..1c0ccf4 100644
--- a/src/components/sidebar-brand.tsx
+++ b/src/components/sidebar-brand.tsx
@@ -35,9 +35,11 @@ export function SidebarBrand({ logoSrc, logoAlt, title, subtitle }: SidebarBrand
                 priority
               />
             </div>
-            <div className="flex flex-col leading-none">
+            <div className="flex flex-col items-start gap-1 leading-none">
               <span className="text-lg font-semibold">{title}</span>
-              <span className="text-sm text-muted-foreground">{subtitle}</span>
+              <span className="inline-flex rounded-full bg-neutral-900 px-2.5 py-0.5 text-[11px] font-medium text-white">
+                {subtitle}
+              </span>
             </div>
           </div>
         </SidebarMenuButton>