melissa/templates: botoes primary viram outlined (fix dark mode)

Bug: no modo escuro o bg primary do botao --primary tornava o
texto branco ilegivel — cor primary clara contra fundo claro.

Fix: estilo outlined em vez de filled:
- background transparente
- border-color: var(--p-primary-color)
- color: var(--p-primary-color)
- hover: bg sutil 10% mix com primary

Mantem hierarquia visual (a borda destacada sinaliza acao primaria)
mas sem o conflito de contraste. Funciona em ambos os temas.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/layout/melissa/MelissaDocumentosTemplates.vue

@@ -650,15 +650,19 @@ onBeforeUnmount(() => {
     color: var(--m-text);
 }
 .mdt-act-btn:hover { background: var(--m-bg-soft-hover); }
+/* Estilo outlined: borda primary + texto primary + bg transparente.
+   Resolve problema do modo escuro onde bg primary deixava o texto
+   ilegível (cor primary clara contra texto branco). */
 .mdt-act-btn--primary {
-    background: var(--m-accent);
+    background: transparent;
-    border-color: var(--m-accent);
+    border-color: var(--p-primary-color);
-    color: white;
+    color: var(--p-primary-color);
 }
 .mdt-act-btn--primary:hover {
-    background: color-mix(in srgb, var(--m-accent) 88%, white);
+    background: color-mix(in srgb, var(--p-primary-color) 10%, transparent);
     transform: translateY(-1px);
 }
+.mdt-act-btn--primary > i { color: var(--p-primary-color); }
 .mdt-act-btn > i { font-size: 0.78rem; }
 
 /* Subheader */