From c6105df98ad38f308d3da80b22b480604b9a8273 Mon Sep 17 00:00:00 2001
From: Leonardo <lmnohama@gmail.com>
Date: Thu, 21 May 2026 21:11:28 -0300
Subject: [PATCH] melissa/templates: count badges usam .mdt-page__count
 (consistencia + fix dark)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Badges .mdt-section__count.is-info e .is-accent tinham o mesmo
problema do botao primary: bg solido com texto branco/cor primary
quebrava o contraste no modo escuro (texto sumia).

Trocados pelo .mdt-page__count (mesmo estilo do badge no header
da pagina) — usa var(--m-accent-soft) que adapta ao tema.

Tambem removido o CSS .mdt-section__count (e .is-info / .is-accent)
que ficou orfao.

Visual: numero do contador (17 globais, N tenant) com o mesmo
estilo do "17" no header — consistencia visual + dark mode safe.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../melissa/MelissaDocumentosTemplates.vue    | 25 +++----------------
 1 file changed, 4 insertions(+), 21 deletions(-)

diff --git a/src/layout/melissa/MelissaDocumentosTemplates.vue b/src/layout/melissa/MelissaDocumentosTemplates.vue
index 3213146..54f57ad 100644
--- a/src/layout/melissa/MelissaDocumentosTemplates.vue
+++ b/src/layout/melissa/MelissaDocumentosTemplates.vue
@@ -364,7 +364,7 @@ onBeforeUnmount(() => {
                                 <i class="pi pi-shield" />
                                 <span>Templates do sistema</span>
                             </div>
-                            <span class="mdt-section__count is-info">{{ globalTemplates.length }}</span>
+                            <span class="mdt-page__count">{{ globalTemplates.length }}</span>
                         </header>
                         <p class="mdt-side__subtitle">Modelos padrão da plataforma. Clique pra duplicar e personalizar.</p>
 
@@ -408,7 +408,7 @@ onBeforeUnmount(() => {
                                         <i class="pi pi-user-edit" />
                                         <span>Seus documentos</span>
                                     </div>
-                                    <span class="mdt-section__count is-accent">{{ tenantTemplates.length }}</span>
+                                    <span class="mdt-page__count">{{ tenantTemplates.length }}</span>
                                 </div>
                                 <p class="mdt-main__subtitle">
                                     Templates personalizados da sua clínica. Crie do zero ou duplique um modelo do sistema.
@@ -1031,25 +1031,8 @@ onBeforeUnmount(() => {
     font-size: 0.92rem;
     color: var(--m-text-muted);
 }
-.mdt-section__count {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    min-width: 24px;
-    height: 22px;
-    padding: 0 8px;
-    border-radius: 999px;
-    font-size: 0.72rem;
-    font-weight: 700;
-}
-.mdt-section__count.is-info {
-    background: color-mix(in srgb, rgb(37, 99, 235) 18%, transparent);
-    color: rgb(37, 99, 235);
-}
-.mdt-section__count.is-accent {
-    background: var(--m-accent);
-    color: white;
-}
+/* .mdt-section__count removido — substituido por .mdt-page__count
+   (mesmo estilo do header, evita conflito de contraste no dark mode) */
 
 .mdt-grid {
     display: grid;