feat: redesign da lista e formulario de funcionarios (badges de perfil/status)

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

app/templates/funcionario_form.html

@@ -6,26 +6,40 @@
   {% if erro %}
     <div class="mensagem danger">{{ erro }}</div>
   {% endif %}
+  <div class="cartao">
     <form method="post" action="{{ '/funcionarios/' + funcionario.ID|string + '/editar' if funcionario else '/funcionarios/novo' }}">
       <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
+      <div class="grid-form">
+        <div>
           <label for="nome">Nome</label>
           <input type="text" id="nome" name="nome" value="{{ dados.NOME if dados else (funcionario.NOME if funcionario else '') }}" required>
+        </div>
+        <div>
           <label for="login">Login</label>
           <input type="text" id="login" name="login" value="{{ dados.LOGIN if dados else (funcionario.LOGIN if funcionario else '') }}" required>
+        </div>
+        <div>
           <label for="perfil">Perfil</label>
           {% set perfil_atual = dados.PERFIL if dados else (funcionario.PERFIL if funcionario else 'PADRAO') %}
           <select id="perfil" name="perfil">
             <option value="PADRAO" {{ "selected" if perfil_atual == "PADRAO" else "" }}>Padrão</option>
             <option value="ADMIN" {{ "selected" if perfil_atual == "ADMIN" else "" }}>Administrador</option>
           </select>
+        </div>
         {% if not funcionario %}
+          <div>
             <label for="senha">Senha</label>
             <input type="password" id="senha" name="senha" required>
+          </div>
+          <div>
             <label for="confirmar_senha">Confirmar senha</label>
             <input type="password" id="confirmar_senha" name="confirmar_senha" required>
+          </div>
         {% endif %}
+      </div>
       <button type="submit">Salvar</button>
     </form>
+  </div>
   {% if funcionario %}
     <p><small>Para trocar a senha, use "Redefinir senha" na lista de funcionários.</small></p>
   {% endif %}

app/templates/funcionarios_lista.html

@@ -4,14 +4,15 @@
 {% block conteudo %}
   <h1>Funcionários</h1>
   <p><a class="botao" href="/funcionarios/novo">+ Novo funcionário</a></p>
+  <div class="tabela-wrap">
     <table>
       <tr><th>Nome</th><th>Login</th><th>Perfil</th><th>Status</th><th></th></tr>
       {% for f in funcionarios %}
       <tr>
         <td>{{ f.NOME }}</td>
         <td>{{ f.LOGIN }}</td>
-      <td>{{ "Administrador" if f.PERFIL == "ADMIN" else "Padrão" }}</td>
+        <td><span class="badge {{ 'badge-acento' if f.PERFIL == 'ADMIN' else 'badge-neutro' }}">{{ "Administrador" if f.PERFIL == "ADMIN" else "Padrão" }}</span></td>
-      <td>{{ "Ativo" if f.ATIVO else "Inativo" }}</td>
+        <td><span class="badge {{ 'badge-sucesso' if f.ATIVO else 'badge-neutro' }}">{{ "Ativo" if f.ATIVO else "Inativo" }}</span></td>
         <td>
           <a class="botao" href="/funcionarios/{{ f.ID }}/editar">Editar</a>
           <details style="display:inline-block">
@@ -35,4 +36,5 @@
       </tr>
       {% endfor %}
     </table>
+  </div>
 {% endblock %}