From 9cef2c8d1764d2e79f9cc8728f3e550f9afedced Mon Sep 17 00:00:00 2001
From: Gustavo <eric.fullmetal@gmail.com>
Date: Fri, 14 Aug 2026 00:35:05 -0300
Subject: [PATCH] feat: redesign de minha-conta e gerador de chave

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 app/templates/gerador_chave.html |  9 ++++-----
 app/templates/minha_conta.html   | 28 ++++++++++++++++------------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/app/templates/gerador_chave.html b/app/templates/gerador_chave.html
index f4f9cf3..aa4bfb9 100644
--- a/app/templates/gerador_chave.html
+++ b/app/templates/gerador_chave.html
@@ -1,8 +1,7 @@
 {% extends "base.html" %}
 {% block titulo %}Gerador de Chave{% endblock %}
 {% block conteudo %}
-<div style="max-width:420px;margin:0 auto;">
-  <img src="/static/logo-gti-256x256.png" alt="GTI Grupo" style="width:72px;height:72px;border-radius:14px;display:block;margin:0 auto 16px;">
+<div class="cartao" style="max-width:420px;margin:0 auto;">
   <h1 style="text-align:center;">Gerador de Chave</h1>
 
   <label for="tipo">Tipo de chave</label>
@@ -29,9 +28,9 @@
 
   <button id="gerar">Gerar chave</button>
 
-  <div id="erro" style="color:#f87171;margin-top:14px;display:none;"></div>
-  <div id="resultado" style="margin-top:20px;padding:14px;border-radius:8px;background:#17171a;border:1px solid #3a3a3e;border-left:3px solid #F5821F;word-break:break-all;font-family:'Courier New',monospace;color:#F5821F;display:none;"></div>
-  <button id="copiar" style="display:none;background:transparent;border:1px solid #3a3a3e;color:#a1a1aa;width:auto;padding:6px 10px;">Copiar</button>
+  <div id="erro" style="color:var(--cor-perigo);margin-top:14px;display:none;"></div>
+  <div id="resultado" style="margin-top:20px;padding:14px;border-radius:8px;background:var(--cor-superficie-alt);border:1px solid var(--cor-borda);border-left:3px solid var(--cor-acento);word-break:break-all;font-family:'Courier New',monospace;color:var(--cor-acento);display:none;"></div>
+  <button id="copiar" style="display:none;background:transparent;border:1px solid var(--cor-borda);color:var(--cor-texto-secundario);width:auto;padding:6px 10px;">Copiar</button>
 </div>
 
 <script>
diff --git a/app/templates/minha_conta.html b/app/templates/minha_conta.html
index f594a28..9d410cb 100644
--- a/app/templates/minha_conta.html
+++ b/app/templates/minha_conta.html
@@ -3,8 +3,10 @@
 {% block titulo %}Minha conta{% endblock %}
 {% block conteudo %}
   <h1>Minha conta</h1>
-  <p><strong>Nome:</strong> {{ usuario_atual.nome }}</p>
-  <p><strong>Login:</strong> {{ usuario_atual.login }}</p>
+  <div class="cartao">
+    <p><strong>Nome:</strong> {{ usuario_atual.nome }}</p>
+    <p><strong>Login:</strong> {{ usuario_atual.login }}</p>
+  </div>
 
   {% if erro %}<div class="mensagem danger">{{ erro }}</div>{% endif %}
   {% if mensagem %}<div class="mensagem success">{{ mensagem }}</div>{% endif %}
@@ -17,15 +19,17 @@
     </div>
   {% else %}
     <h2>Trocar senha</h2>
-    <form method="post" action="/minha-conta/senha">
-      <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
-      <label for="senha_atual">Senha atual</label>
-      <input type="password" id="senha_atual" name="senha_atual" required>
-      <label for="nova_senha">Nova senha</label>
-      <input type="password" id="nova_senha" name="nova_senha" required>
-      <label for="confirmar_nova_senha">Confirmar nova senha</label>
-      <input type="password" id="confirmar_nova_senha" name="confirmar_nova_senha" required>
-      <button type="submit">Salvar nova senha</button>
-    </form>
+    <div class="cartao">
+      <form method="post" action="/minha-conta/senha">
+        <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
+        <label for="senha_atual">Senha atual</label>
+        <input type="password" id="senha_atual" name="senha_atual" required>
+        <label for="nova_senha">Nova senha</label>
+        <input type="password" id="nova_senha" name="nova_senha" required>
+        <label for="confirmar_nova_senha">Confirmar nova senha</label>
+        <input type="password" id="confirmar_nova_senha" name="confirmar_nova_senha" required>
+        <button type="submit">Salvar nova senha</button>
+      </form>
+    </div>
   {% endif %}
 {% endblock %}