UI: corrigir duplicidade do Encerrar, padronizar ciano, ajustar tamanho do ícone de tempo; atualizar cabeçalho do login; inverter ordem (Novo ticket à esquerda, Compartilhar à direita) no ticket individual

src/app/login/login-page-client.tsx

@@ -55,16 +55,11 @@ export function LoginPageClient() {
     <div className="grid min-h-svh lg:grid-cols-2">
       <div className="flex flex-col gap-6 p-6 md:p-10">
         <div className="flex flex-col items-center gap-1.5 text-center">
-          <Link href="/" className="flex items-center gap-2 text-xl font-semibold text-neutral-900">
-            <Image
-              src="/logo-raven.png"
-              alt="Logotipo Raven"
-              width={40}
-              height={40}
-              className="h-10 w-auto"
-              priority
-            />
-            Raven
+          <Link href="/" className="text-xl font-semibold text-neutral-900">
+            <div className="flex flex-col leading-none items-center">
+              <span>Sistema de chamados</span>
+              <span className="text-xs text-muted-foreground">Por Rever Tecnologia</span>
+            </div>
           </Link>
         </div>
         <div className="flex flex-1 items-center justify-center">

src/app/tickets/[id]/page.tsx

@@ -18,8 +18,8 @@ export default async function TicketDetailPage({ params }: TicketDetailPageProps
         <SiteHeader
           title={`Ticket #${id}`}
           lead={"Detalhes do ticket"}
-          secondaryAction={<SiteHeader.SecondaryButton>Compartilhar</SiteHeader.SecondaryButton>}
-          primaryAction={<NewTicketDialogDeferred />}
+          secondaryAction={<NewTicketDialogDeferred />}
+          primaryAction={<SiteHeader.SecondaryButton>Compartilhar</SiteHeader.SecondaryButton>}
         />
       }
     >

src/components/tickets/status-select.tsx

@@ -83,11 +83,13 @@ export function StatusSelect({
   value,
   tenantId,
   requesterName,
+  showCloseButton = true,
 }: {
   ticketId: string
   value: TicketStatus
   tenantId: string
   requesterName?: string | null
+  showCloseButton?: boolean
 }) {
   const { convexUserId } = useAuth()
   const actorId = (convexUserId ?? null) as Id<"users"> | null
@@ -104,6 +106,7 @@ export function StatusSelect({
         <Badge className={cn(baseBadgeClass, statusStyles[status]?.badgeClass ?? statusStyles.PENDING.badgeClass)}>
           {statusStyles[status]?.label ?? statusStyles.PENDING.label}
         </Badge>
+        {showCloseButton ? (
           <Tooltip>
             <TooltipTrigger asChild>
               <Button
@@ -111,7 +114,7 @@ export function StatusSelect({
                 size="icon"
                 aria-label="Encerrar ticket"
                 onClick={() => setCloseDialogOpen(true)}
-              className="h-9 w-9 rounded-lg border border-emerald-300 bg-white text-emerald-700 transition hover:bg-emerald-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-emerald-200"
+                className="h-9 w-9 rounded-lg border border-[#00d6eb] bg-white text-[#00d6eb] transition hover:bg-[#00d6eb]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00d6eb]/30"
               >
                 <CheckCircle2 className="size-4" />
               </Button>
@@ -120,8 +123,10 @@ export function StatusSelect({
               Encerrar ticket
             </TooltipContent>
           </Tooltip>
+        ) : null}
       </div>
-      {/* Dialog control moved to header; keep for status-only contexts */}
+      {/* Dialog control visível apenas quando o botão de encerrar está presente */}
+      {showCloseButton ? (
         <CloseTicketDialog
           open={closeDialogOpen}
           onOpenChange={(open) => {
@@ -136,6 +141,7 @@ export function StatusSelect({
             setCloseDialogOpen(false)
           }}
         />
+      ) : null}
     </>
   )
 }

src/components/tickets/ticket-summary-header.tsx

@@ -621,7 +621,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
       <div className="absolute right-6 top-6 flex items-center gap-3">
         <Button
           type="button"
-          className="inline-flex items-center gap-2 rounded-lg border border-sky-300 bg-white px-3 py-1.5 text-sm font-semibold text-sky-700 transition hover:bg-sky-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-200"
+          className="inline-flex items-center gap-2 rounded-lg border border-[#00d6eb] bg-white px-3 py-1.5 text-sm font-semibold text-[#00d6eb] transition hover:bg-[#00d6eb]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#00d6eb]/30"
           onClick={() => setCloseOpen(true)}
         >
           <CheckCircle2 className="size-4" /> Encerrar
@@ -633,7 +633,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
                 className="inline-flex h-9 cursor-help items-center gap-2 rounded-full border border-slate-200 bg-white px-3 text-sm font-semibold text-neutral-700"
                 title="Tempo total de atendimento"
               >
-                <IconClock className="size-4 text-neutral-700" /> {formattedTotalWorked}
+                <IconClock className="size-5 text-neutral-700" /> {formattedTotalWorked}
               </Badge>
             </TooltipTrigger>
             <TooltipContent className="rounded-lg border border-slate-200 bg-white px-3 py-2 text-xs font-medium text-neutral-700 shadow-lg">
@@ -692,6 +692,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
           value={status}
           tenantId={ticket.tenantId}
           requesterName={ticket.requester?.name ?? ticket.requester?.email ?? null}
+          showCloseButton={false}
         />
             {isPlaying ? (
               <Tooltip>