portal_publico/templates/indicador-desempenho.html

923 lines
55 KiB
HTML

{% load static %}
<!DOCTYPE html>
<html lang="pt-BR" data-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>P.I.D. — Indicador de Desempenho</title>
<link rel="icon" type="image/svg+xml" href="{% static 'img/pid-icone-escuro.svg' %}" />
<link rel="stylesheet" href="{% static 'css/tokens.css' %}" />
<link rel="stylesheet" href="{% static 'css/base.css' %}" />
<link rel="stylesheet" href="{% static 'css/layout.css' %}" />
<link rel="stylesheet" href="{% static 'css/components.css' %}" />
<link rel="stylesheet" href="{% static 'css/perfis-acesso.css' %}" />
<link rel="stylesheet" href="{% static 'css/indicador-desempenho.css' %}" />
<script src="{% static 'js/theme.js' %}" defer></script>
</head>
<body>
<div class="app-shell" id="app-shell">
<aside class="sidebar">
<a class="sidebar__brand" href="portal.html" id="sidebar-brand-link" aria-label="Ir para a tela Principal">
<svg class="sidebar__logo sidebar__logo--full" viewBox="0 0 300 80" aria-hidden="true" focusable="false">
<g transform="translate(8,8) scale(1)">
<path d="M10 4 h34 l14 14 v40 a2 2 0 0 1 -2 2 H8 a2 2 0 0 1 -2 -2 V6 a2 2 0 0 1 2 -2 z" fill="#7B5BA8"></path>
<rect x="22" y="4" width="20" height="16" fill="#C6A24A"></rect>
<rect x="34" y="7" width="5" height="10" fill="#7B5BA8"></rect>
<rect x="12" y="26" width="40" height="30" rx="2" fill="#241C33"></rect>
<g class="pid-icon-eye">
<circle cx="24" cy="38" r="5" fill="#F2EDE3"></circle>
<circle cx="26" cy="36.2" r="1.6" fill="#241C33"></circle>
</g>
<g class="pid-icon-eye">
<circle cx="40" cy="38" r="5" fill="#F2EDE3"></circle>
<circle cx="42" cy="36.2" r="1.6" fill="#241C33"></circle>
</g>
<path d="M25 47 q7 6 14 0" stroke="#C6A24A" stroke-width="3" fill="none" stroke-linecap="round"></path>
</g>
<text x="86" y="42" font-family="'Space Grotesk',Helvetica,Arial,sans-serif" font-size="34" font-weight="700" letter-spacing="1.4" fill="#F2EDE3">P.I.D.</text>
<text x="88" y="61" font-family="'DM Mono',ui-monospace,monospace" font-size="9.5" letter-spacing="2.6" fill="#C6A24A">PORTAL INTERNO DA DE PAULA</text>
</svg>
<svg class="sidebar__logo sidebar__logo--icon" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
<path d="M10 4 h34 l14 14 v40 a2 2 0 0 1 -2 2 H8 a2 2 0 0 1 -2 -2 V6 a2 2 0 0 1 2 -2 z" fill="#7B5BA8"></path>
<rect x="22" y="4" width="20" height="16" fill="#C6A24A"></rect>
<rect x="34" y="7" width="5" height="10" fill="#7B5BA8"></rect>
<rect x="12" y="26" width="40" height="30" rx="2" fill="#241C33"></rect>
<g class="pid-icon-eye">
<circle cx="24" cy="38" r="5" fill="#F2EDE3"></circle>
<circle cx="26" cy="36.2" r="1.6" fill="#241C33"></circle>
</g>
<g class="pid-icon-eye">
<circle cx="40" cy="38" r="5" fill="#F2EDE3"></circle>
<circle cx="42" cy="36.2" r="1.6" fill="#241C33"></circle>
</g>
<path d="M25 47 q7 6 14 0" stroke="#C6A24A" stroke-width="3" fill="none" stroke-linecap="round"></path>
</svg>
</a>
<nav class="sidebar__nav">
<ul class="nav-list">
<li data-section="principal">
<a href="portal.html" class="nav-item">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 11l9-7 9 7v9a1 1 0 0 1-1 1h-5v-6H9v6H4a1 1 0 0 1-1-1z" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Principal</span>
</a>
</li>
<li data-section="ramais">
<a href="ramais.html" class="nav-item">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 4c0 9 7 16 16 16l3-4-6-3-2 2c-3-1.5-5-3.5-6-6l2-2-3-6z" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Ramais</span>
</a>
</li>
<li data-section="calendario">
<a href="#" class="nav-item" id="calendario-depaula-btn">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4" stroke-linecap="round"/></svg>
<span class="nav-item__label">Calendário De Paula</span>
</a>
</li>
<li data-section="calendario-individual">
<a href="calendario-individual.html" class="nav-item">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4" stroke-linecap="round"/><path d="M9 15l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Calendário Individual</span>
</a>
</li>
<li data-section="portais" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>
<span class="nav-item__label">Portais</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="portal-do-cliente"><a href="#" class="nav-subitem">Portal do Cliente</a></li>
<li data-app="portal-fiscal"><a href="#" class="nav-subitem">Portal Fiscal</a></li>
</ul>
</li>
<li data-section="geradoc" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 3h9l3 3v15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z"/><path d="M14 3v4h4" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Geradoc</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="simulacao-custo-contratacao"><a href="custo-contratacao.html" class="nav-subitem">Simulação de Custo de Contratação</a></li>
<li data-app="indicador-desempenho"><a href="indicador-desempenho.html" class="nav-subitem is-active">Indicador de Desempenho</a></li>
</ul>
</li>
<li data-section="relatorios" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 20V10M12 20V4M20 20v-7" stroke-linecap="round"/></svg>
<span class="nav-item__label">Relatórios</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="relatorio-setorial"><a href="#" class="nav-subitem">Relatório Setorial</a></li>
<li data-app="indicadores"><a href="#" class="nav-subitem">Indicadores</a></li>
</ul>
</li>
<li data-section="relatorios-gerenciais" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 3v18h18M7 15l4-5 3 3 5-7" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Relatórios Gerenciais</span>
<span class="badge-restricted" data-restricted-badge hidden>Restrito</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="visao-diretoria"><a href="#" class="nav-subitem">Visão Diretoria</a></li>
<li data-app="visao-gerencial"><a href="#" class="nav-subitem">Visão Gerencial</a></li>
</ul>
</li>
<li data-section="utilitarios" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 7l3 3-8 8-4 1 1-4z" stroke-linejoin="round"/><path d="M12 9l3 3" stroke-linecap="round"/></svg>
<span class="nav-item__label">Utilitários</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="importacao-plano-saude"><a href="importacao-plano-saude.html" class="nav-subitem">Importação de Plano de Saúde</a></li>
</ul>
</li>
<li data-section="integracoes" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="6" cy="12" r="3"/><circle cx="18" cy="6" r="3"/><circle cx="18" cy="18" r="3"/><path d="M8.6 10.6L15.4 7.4M8.6 13.4l6.8 3.2" stroke-linecap="round"/></svg>
<span class="nav-item__label">Integrações</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="questor"><a href="#" class="nav-subitem">Questor</a></li>
</ul>
</li>
<li data-section="auditorias" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3l7 4v5c0 5-3.5 8-7 9-3.5-1-7-4-7-9V7z" stroke-linejoin="round"/><path d="M9 12l2 2 4-4" stroke-linecap="round" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Auditorias</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li class="nav-subgroup" data-subgroup="consultoria-tributaria">
<button type="button" class="nav-subitem nav-subgroup__toggle" data-subgroup-toggle>
<span>Consultoria Tributária</span>
<svg class="nav-item__chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-subgroup__list">
<li data-app="controle-simples-nacional">
<a href="#" class="nav-subitem nav-subitem--tool">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 2h9l3 3v15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"/><path d="M14 2v4h4" stroke-linejoin="round"/></svg>
Controle Simples Nacional
</a>
</li>
</ul>
</li>
<li class="nav-subgroup" data-subgroup="fisco-contabil">
<button type="button" class="nav-subitem nav-subgroup__toggle" data-subgroup-toggle>
<span>Fisco/Contábil</span>
<svg class="nav-item__chevron" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-subgroup__list">
<li data-app="auditoria-de-balancetes">
<a href="#" class="nav-subitem nav-subitem--tool">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 2h9l3 3v15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1z"/><path d="M14 2v4h4" stroke-linejoin="round"/></svg>
Auditoria de Balancetes
</a>
</li>
</ul>
</li>
</ul>
</li>
<li data-section="links-ferramentas" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1"/><path d="M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1"/></svg>
<span class="nav-item__label">Links &amp; Ferramentas</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="links-ferramentas-visualizar"><a href="links-ferramentas.html" class="nav-subitem">Links &amp; Ferramentas</a></li>
<li data-app="acessos-gerais-visualizar"><a href="acessos-gerais.html" class="nav-subitem">Acessos Gerais</a></li>
</ul>
</li>
<li data-section="solicitacoes" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 10h.01M12 10h.01M16 10h.01M21 12a9 9 0 1 1-4.4-7.7L21 3l-1.2 4.5A8.96 8.96 0 0 1 21 12z"/></svg>
<span class="nav-item__label">Solicitações</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-app="controle-notificacoes"><a href="https://form.asana.com/?k=PcELrDLzN969CwpiRBLtFA&amp;d=1207308016523218" target="_blank" rel="noopener noreferrer" class="nav-subitem">Controle de Notificações</a></li>
<li data-app="ordem-servico"><a href="#" class="nav-subitem">Ordem de Serviço</a></li>
<li data-app="pimi"><a href="https://form.asana.com/?k=XfBww25lGUyPVrInNcLyuQ&amp;d=1207308016523218" target="_blank" rel="noopener noreferrer" class="nav-subitem">P.I.M.I.</a></li>
<li data-app="programa-indicacoes"><a href="https://form.asana.com/?k=y0mTeaRTOAoC0r0XP8ee0Q&amp;d=1207308016523218" target="_blank" rel="noopener noreferrer" class="nav-subitem">Programa de Indicações</a></li>
<li data-app="pos-vendas"><a href="https://form.asana.com/?k=jRAztLip-_BknWPsGmEcZA&amp;d=1207308016523218" target="_blank" rel="noopener noreferrer" class="nav-subitem">Pós-Vendas</a></li>
<li data-app="sugestao-inovacao"><a href="https://form.asana.com/?k=Zn8cLeT97R7FTUrsNB8Yaw&amp;d=1207308016523218" target="_blank" rel="noopener noreferrer" class="nav-subitem">Sugestão de Inovação</a></li>
</ul>
</li>
<li data-section="administracao" class="nav-group">
<button type="button" class="nav-item nav-group__toggle" data-group-toggle>
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.9.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.9V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z" stroke-linejoin="round"/></svg>
<span class="nav-item__label">Administração</span>
<svg class="nav-item__chevron" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 6l6 6-6 6" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
<ul class="nav-group__list">
<li data-section="perfis-acesso"><a href="perfis-acesso.html" class="nav-subitem">Perfis de Acesso</a></li>
<li data-section="usuarios"><a href="usuarios.html" class="nav-subitem">Usuários</a></li>
</ul>
</li>
</ul>
</nav>
</aside>
<div class="main-content">
<header class="topbar">
<button type="button" class="icon-btn" id="sidebar-toggle" aria-label="Alternar menu">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round"/></svg>
</button>
<h1 class="topbar__title">Indicador de Desempenho</h1>
<div class="topbar__actions">
<button type="button" class="icon-btn" id="theme-toggle" aria-label="Ativar modo claro">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4" stroke-linecap="round"/></svg>
</button>
<div class="notifications">
<button type="button" class="icon-btn" id="notif-bell" aria-label="Notificações">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 8a6 6 0 0 1 12 0c0 5 2 6 2 6H4s2-1 2-6" stroke-linejoin="round"/><path d="M9.5 20a2.5 2.5 0 0 0 5 0"/></svg>
<span class="notif-badge" id="notif-badge" hidden>0</span>
</button>
<div class="notif-dropdown" id="notif-dropdown" hidden>
<div class="notif-dropdown__header">
<span>Notificações</span>
<div class="notif-dropdown__header-actions">
<button type="button" id="notif-history-btn">Histórico</button>
<button type="button" id="notif-clear-all">Limpar tudo</button>
</div>
</div>
<ul class="notif-list" id="notif-list"></ul>
</div>
</div>
<div class="account-menu">
<button type="button" class="persona-chip" id="persona-chip">
<span class="persona-chip__icon">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 20v-1a6 6 0 0 1 6-6h4a6 6 0 0 1 6 6v1" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="7" r="4"/></svg>
</span>
<span id="persona-chip-label">Usuário</span>
</button>
<div class="account-dropdown" id="account-dropdown" hidden>
<div class="account-dropdown__header">
<p class="account-dropdown__name" id="account-name"></p>
<p class="account-dropdown__profile" id="account-profile"></p>
</div>
<button type="button" class="account-dropdown__item" id="account-manage-account-btn">Gerenciar Usuário</button>
<a href="perfis-acesso.html" class="account-dropdown__item" id="account-manage-link" hidden>Gerenciar Perfis de Acesso</a>
<div class="account-dropdown__section">
<p class="account-dropdown__section-title">Tema de cores</p>
<div class="theme-swatches" id="theme-swatches"></div>
</div>
<button type="button" class="account-dropdown__item account-dropdown__logout" data-logout>Sair</button>
</div>
</div>
</div>
</header>
<main class="page-content page-content--wide">
<div id="ind-no-access" class="no-access" hidden>
<svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6"><rect x="4" y="10" width="16" height="10" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3" stroke-linecap="round" stroke-linejoin="round"/></svg>
<h2>Sem acesso ao Indicador de Desempenho</h2>
<p>Seu perfil de acesso não tem permissão para visualizar esta tela. Solicite à Inovação a liberação em Perfis de Acesso.</p>
</div>
<div id="ind-content">
<div id="ind-list-view">
<div class="ind-header">
<div>
<h2>Indicador de Desempenho</h2>
<p class="ind-subtitle">Apuração mensal do indicador do Fiscontábil a partir das planilhas de Serviços Tareffa e Honorários Por Cliente.</p>
</div>
<div class="ind-header-actions">
<button type="button" class="btn-outline" id="ind-config-btn">Configurações</button>
<button type="button" class="btn-solid" id="ind-new-btn">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14" stroke-linecap="round"/></svg>
Nova Apuração
</button>
</div>
</div>
<div class="pa-table-wrap">
<table class="pa-table" id="ind-list-table">
<thead>
<tr>
<th>Competência</th>
<th>Colaboradores</th>
<th>Status</th>
<th>Criado por</th>
<th>Data</th>
<th></th>
</tr>
</thead>
<tbody id="ind-list-body"></tbody>
</table>
</div>
<p class="ind-empty" id="ind-list-empty" hidden>Nenhuma apuração realizada ainda.</p>
</div>
<div id="ind-form-view" hidden>
<div class="ind-header">
<div>
<h2>Nova Apuração</h2>
<p class="ind-subtitle">Anexe as duas planilhas do mês — os critérios de entrega (balancetes/liberações fiscais/conciliações) são calculados automaticamente; os demais ficam para revisão manual.</p>
</div>
<button type="button" class="btn-outline" id="ind-form-back-btn">Voltar</button>
</div>
<div class="ind-form">
<div class="modal-field">
<label for="ind-form-competencia">Competência</label>
<input type="text" id="ind-form-competencia" inputmode="numeric" placeholder="MM/AAAA" maxlength="7" autocomplete="off" />
</div>
<div class="modal-field">
<label>Planilha de Serviços Tareffa (.xlsx)</label>
<div class="ind-file-field">
<label class="btn-outline ind-file-field__btn" for="ind-form-tareffa">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 16V4M12 4l4 4M12 4L8 8" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3" stroke-linecap="round" stroke-linejoin="round"/></svg>
Selecionar arquivo
</label>
<input type="file" id="ind-form-tareffa" accept=".xlsx" class="ind-file-field__input" />
<span class="ind-file-field__name" id="ind-form-tareffa-name">Nenhum arquivo selecionado</span>
<button type="button" class="icon-btn ind-file-field__remove" id="ind-form-tareffa-remove" aria-label="Remover arquivo" title="Remover arquivo" hidden>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12" stroke-linecap="round"/></svg>
</button>
</div>
</div>
<div class="modal-field">
<label>Planilha de Honorários Por Cliente (.xlsx)</label>
<div class="ind-file-field">
<label class="btn-outline ind-file-field__btn" for="ind-form-honorarios">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 16V4M12 4l4 4M12 4L8 8" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3" stroke-linecap="round" stroke-linejoin="round"/></svg>
Selecionar arquivo
</label>
<input type="file" id="ind-form-honorarios" accept=".xlsx" class="ind-file-field__input" />
<span class="ind-file-field__name" id="ind-form-honorarios-name">Nenhum arquivo selecionado</span>
<button type="button" class="icon-btn ind-file-field__remove" id="ind-form-honorarios-remove" aria-label="Remover arquivo" title="Remover arquivo" hidden>
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12" stroke-linecap="round"/></svg>
</button>
</div>
</div>
<p class="modal-error" id="ind-form-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-form-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-form-submit-btn">Processar</button>
</div>
</div>
</div>
<div id="ind-review-view" hidden>
<div class="ind-header">
<div>
<h2>Revisão</h2>
<p class="ind-subtitle" id="ind-review-subtitle"></p>
</div>
<div class="ind-header-actions">
<button type="button" class="btn-outline" id="ind-review-back-btn">Voltar</button>
<button type="button" class="btn-outline" id="ind-lote-global-btn">Ajuste Indicador em Lote</button>
<button type="button" class="btn-solid" id="ind-gerar-btn">Gerar Recibos</button>
</div>
</div>
<div class="ind-metas-section" id="ind-metas-section">
<p class="ind-section-title">Metas de Grupo e Departamento</p>
<p class="ind-subtitle">Preencha aqui a meta de cada gerente (Grupo) e a meta de Departamento de cada departamento — o valor se aplica de uma vez a todos os colaboradores correspondentes. Use os botões abaixo pra ver só um departamento de cada vez.</p>
<div class="ind-departamento-filtros" id="ind-filtro-departamento"></div>
<p class="modal-error" id="ind-metas-error"></p>
<div class="pa-table-wrap">
<table class="pa-table" id="ind-metas-table">
<thead><tr><th>Grupo</th><th>Colaboradores</th><th>Meta (%)</th><th></th></tr></thead>
<tbody id="ind-metas-body"></tbody>
</table>
</div>
</div>
<p class="modal-error" id="ind-review-error"></p>
<div class="ind-avisos" id="ind-review-avisos" hidden></div>
<div class="ind-lote-bar" id="ind-lote-bar" hidden>
<span id="ind-lote-count"></span>
<select id="ind-lote-valor">
<option value="SIM">Sim</option>
<option value="NAO">Não</option>
<option value="NAO_FAZ">Não faz</option>
<option value="NAO_SE_APLICA">Não se aplica</option>
</select>
<button type="button" class="btn-solid" id="ind-lote-aplicar-btn">Aplicar aos selecionados</button>
</div>
<div class="ind-colaboradores-toolbar">
<button type="button" class="btn-outline" id="ind-empresas-sem-honorario-btn">Visualizar Empresas sem Honorário</button>
<button type="button" class="btn-outline" id="ind-corrigir-responsavel-btn">Corrigir Responsável</button>
</div>
<div id="ind-colaboradores-list"></div>
</div>
<div id="ind-config-view" hidden>
<div class="ind-header">
<div>
<h2>Configurações do Indicador de Desempenho</h2>
<p class="ind-subtitle">Critérios e percentuais usados no cálculo — mantidos aqui em vez de fixados no código, pra poder ajustar sem depender de uma mudança de sistema.</p>
</div>
<button type="button" class="btn-outline" id="ind-config-back-btn">Voltar</button>
</div>
<div class="pa-tabs" id="ind-config-tabs">
<button type="button" class="pa-tab is-active" data-ind-config-tab="criterios">Critérios</button>
<button type="button" class="pa-tab" data-ind-config-tab="percentuais">Percentuais por Tipo</button>
<button type="button" class="pa-tab" data-ind-config-tab="departamentos">Departamentos</button>
</div>
<div class="pa-tab-panel" data-ind-config-panel="criterios">
<div class="ind-header">
<p class="ind-subtitle">Nome, grupo, peso, período e (para o grupo Individual) o papel a que o critério se aplica. Cada departamento tem seu próprio conjunto de critérios.</p>
<button type="button" class="btn-solid" id="ind-criterio-add-btn">Adicionar Critério</button>
</div>
<div class="modal-field">
<label for="ind-criterio-departamento-filtro">Filtrar por departamento</label>
<select id="ind-criterio-departamento-filtro"></select>
</div>
<div class="pa-table-wrap">
<table class="pa-table" id="ind-criterios-table">
<thead>
<tr>
<th>Nome</th>
<th>Departamento</th>
<th>Grupo</th>
<th>Peso</th>
<th>Período</th>
<th>Papel</th>
<th>Cálculo automático</th>
<th>Ativo</th>
<th></th>
</tr>
</thead>
<tbody id="ind-criterios-body"></tbody>
</table>
</div>
</div>
<div class="pa-tab-panel" data-ind-config-panel="percentuais" hidden>
<div class="ind-header">
<p class="ind-subtitle">Cada novo registro passa a valer a partir da data informada — os anteriores continuam guardados como histórico. Cada departamento tem seus próprios percentuais.</p>
<button type="button" class="btn-solid" id="ind-percentual-add-btn">Adicionar Percentual</button>
</div>
<div class="modal-field">
<label for="ind-percentual-departamento-filtro">Filtrar por departamento</label>
<select id="ind-percentual-departamento-filtro"></select>
</div>
<div class="pa-table-wrap">
<table class="pa-table" id="ind-percentuais-table">
<thead>
<tr>
<th>Departamento</th>
<th>Tipo</th>
<th>% Individual</th>
<th>% Grupo</th>
<th>% Departamento</th>
<th>Vigente desde</th>
<th>Criado por</th>
<th></th>
</tr>
</thead>
<tbody id="ind-percentuais-body"></tbody>
</table>
</div>
</div>
<div class="pa-tab-panel" data-ind-config-panel="departamentos" hidden>
<div class="ind-header">
<p class="ind-subtitle">Departamentos usados pra escopar critérios, percentuais e metas de Departamento. A relação com os gerentes (quem cai em qual departamento) é mantida aqui manualmente — cadastre o nome do gerente exatamente como aparece na coluna "gerente" da planilha Serviços Tareffa.</p>
<button type="button" class="btn-solid" id="ind-departamento-add-btn">Adicionar Departamento</button>
</div>
<div class="pa-table-wrap">
<table class="pa-table" id="ind-departamentos-table">
<thead>
<tr>
<th>Nome</th>
<th>Gerentes</th>
<th>Ativo</th>
<th></th>
</tr>
</thead>
<tbody id="ind-departamentos-body"></tbody>
</table>
</div>
</div>
</div>
</div>
</main>
</div>
</div>
<div class="modal-overlay" id="ind-criterio-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title" id="ind-criterio-modal-title">Adicionar Critério</h2>
<div class="modal-field">
<label for="ind-criterio-departamento">Departamento</label>
<select id="ind-criterio-departamento"></select>
</div>
<div class="modal-field">
<label for="ind-criterio-nome">Nome</label>
<input type="text" id="ind-criterio-nome" autocomplete="off" />
</div>
<div class="modal-field-row">
<div class="modal-field">
<label for="ind-criterio-grupo">Grupo</label>
<select id="ind-criterio-grupo">
<option value="individual">Individual</option>
<option value="grupo">Grupo</option>
<option value="departamento">Departamento</option>
</select>
</div>
<div class="modal-field">
<label for="ind-criterio-peso">Peso (0 a 100)</label>
<input type="text" id="ind-criterio-peso" placeholder="Ex.: 60" autocomplete="off" />
</div>
</div>
<div class="modal-field-row">
<div class="modal-field">
<label for="ind-criterio-periodo">Período</label>
<select id="ind-criterio-periodo">
<option value="todos">Todos os meses</option>
<option value="mar_a_nov">Março a Novembro</option>
<option value="dez_a_jan">Dezembro a Janeiro</option>
</select>
</div>
<div class="modal-field" id="ind-criterio-papel-field">
<label for="ind-criterio-papel">Papel aplicável (só Individual)</label>
<select id="ind-criterio-papel">
<option value="">Qualquer papel</option>
<option value="1">Contábil + Fiscal</option>
<option value="2">Contador (sem conciliador)</option>
<option value="3">Contador (com conciliador)</option>
<option value="4">Fiscal</option>
<option value="5">Conciliador</option>
</select>
</div>
</div>
<div class="modal-field-row">
<div class="modal-field">
<label for="ind-criterio-calculo">Cálculo automático</label>
<select id="ind-criterio-calculo">
<option value="">Manual</option>
<option value="balancete">Entrega de balancetes no prazo</option>
<option value="liberacao_fiscal">Entrega de liberações fiscais no prazo</option>
<option value="conciliacao">Entrega de conciliações no prazo</option>
</select>
</div>
<div class="modal-field">
<label for="ind-criterio-limiar">Limiar para "Sim" (%)</label>
<input type="text" id="ind-criterio-limiar" placeholder="Ex.: 90" autocomplete="off" />
</div>
</div>
<label class="modal-checkbox">
<input type="checkbox" id="ind-criterio-ativo" checked />
Ativo
</label>
<p class="modal-error" id="ind-criterio-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-criterio-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-criterio-save-btn">Salvar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-lote-global-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title">Ajuste Indicador em Lote</h2>
<p class="ind-subtitle">Selecione os colaboradores e clique em "Sim" pra considerar o Indicador Individual atingido (100%) pra todos de uma vez (ex.: a diretoria decide que todo mundo recebe integral, mesmo quem não bateu a meta individual), ou em "Reverter" pra desfazer qualquer ajuste manual anterior e voltar ao cálculo automático. Grupo e Departamento são ajustados na tela de Metas, no início da revisão.</p>
<div class="modal-field">
<label>Colaboradores</label>
<input type="text" id="ind-lote-global-search" class="checklist-search" placeholder="Buscar por nome..." autocomplete="off" />
<select id="ind-lote-global-departamento" class="ind-checklist-departamento-select"></select>
<label class="modal-checkbox checklist-select-all">
<input type="checkbox" id="ind-lote-global-select-all" />
Marcar todos os resultados da busca
</label>
<div class="checklist-box" id="ind-lote-global-checklist"></div>
</div>
<p class="modal-error" id="ind-lote-global-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-lote-global-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-lote-global-reverter-btn">Reverter</button>
<button type="button" class="btn-solid" id="ind-lote-global-ajustar-btn">Ajustar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-gerar-recibos-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title">Gerar Recibos</h2>
<p class="ind-subtitle">Escolha quem recebe recibo desta vez — um colaborador só, alguns específicos, todos de um departamento, ou todo mundo (já vem tudo marcado). Gerar não reprocessa nada, só formata o PDF com o que já está salvo.</p>
<div class="modal-field">
<label>Colaboradores</label>
<input type="text" id="ind-gerar-recibos-search" class="checklist-search" placeholder="Buscar por nome..." autocomplete="off" />
<select id="ind-gerar-recibos-departamento" class="ind-checklist-departamento-select"></select>
<label class="modal-checkbox checklist-select-all">
<input type="checkbox" id="ind-gerar-recibos-select-all" />
Marcar todos os resultados da busca
</label>
<div class="checklist-box" id="ind-gerar-recibos-checklist"></div>
</div>
<p class="modal-error" id="ind-gerar-recibos-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-gerar-recibos-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-gerar-recibos-confirm-btn">Gerar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-empresas-sem-honorario-modal" hidden>
<div class="modal-card ind-esh-modal-card">
<h2 class="modal-card__title">Empresas sem Honorário</h2>
<div class="ind-esh-scroll">
<p class="ind-subtitle">Empresas cujo código não casou com a planilha de Honorários Por Cliente — preencher aqui aplica o mesmo valor de uma vez a todos os colaboradores responsáveis por ela (a mesma empresa pode ter um responsável pelo balancete, outro pela liberação fiscal etc.).</p>
<p class="ind-empty" id="ind-empresas-sem-honorario-vazio" hidden>Nenhuma empresa com honorário pendente.</p>
<div id="ind-empresas-sem-honorario-list"></div>
<button type="button" class="btn-outline ind-esh-toggle-btn" id="ind-empresas-ajustadas-toggle-btn">Visualizar Empresas Ajustadas Manualmente</button>
<div id="ind-empresas-ajustadas-section" hidden>
<p class="ind-esh-section-title">Empresas ajustadas manualmente</p>
<p class="ind-subtitle">Honorários já preenchidos à mão (não vieram da planilha) — corrigir aqui aplica o novo valor de uma vez a todos os colaboradores responsáveis por ela.</p>
<p class="ind-empty" id="ind-empresas-ajustadas-vazio" hidden>Nenhuma empresa ajustada manualmente nesta apuração.</p>
<div id="ind-empresas-ajustadas-list"></div>
</div>
</div>
<p class="modal-error" id="ind-empresas-sem-honorario-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-empresas-sem-honorario-close-btn">Fechar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-corrigir-responsavel-modal" hidden>
<div class="modal-card ind-esh-modal-card">
<h2 class="modal-card__title">Corrigir Responsável</h2>
<div class="ind-esh-scroll">
<p class="ind-subtitle">Busque uma empresa por nome ou código pra ver quem é responsável por cada papel dela e trocar, se precisar (ex.: o "Fiscal" de uma empresa deveria ser outro colaborador).</p>
<input type="text" id="ind-corrigir-empresa-search" class="checklist-search" placeholder="Buscar empresa por nome ou código..." autocomplete="off" />
<div class="checklist-box" id="ind-corrigir-empresa-resultados" hidden></div>
<div id="ind-corrigir-empresa-detalhe"></div>
</div>
<p class="modal-error" id="ind-corrigir-responsavel-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-corrigir-responsavel-close-btn">Fechar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-ajuste-pct-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title" id="ind-ajuste-pct-titulo">Ajustar percentual</h2>
<p class="ind-subtitle" id="ind-ajuste-pct-subtitle">O valor informado passa a valer no cálculo do recibo até você reverter (botão "Recalcular automaticamente").</p>
<div class="modal-field">
<label for="ind-ajuste-pct-valor">Percentual (0 a 100)</label>
<input type="text" id="ind-ajuste-pct-valor" placeholder="Ex.: 85" autocomplete="off" />
</div>
<p class="modal-error" id="ind-ajuste-pct-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-ajuste-pct-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-ajuste-pct-save-btn">Salvar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-percentual-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title">Adicionar Percentual por Tipo</h2>
<div class="modal-field">
<label for="ind-percentual-departamento">Departamento</label>
<select id="ind-percentual-departamento"></select>
</div>
<div class="modal-field">
<label for="ind-percentual-tipo">Tipo</label>
<select id="ind-percentual-tipo">
<option value="1">Contábil + Fiscal</option>
<option value="2">Contador (sem conciliador)</option>
<option value="3">Contador (com conciliador)</option>
<option value="4">Fiscal</option>
<option value="5">Conciliador</option>
</select>
</div>
<div class="modal-field-row">
<div class="modal-field">
<label for="ind-percentual-individual">% Individual</label>
<input type="text" id="ind-percentual-individual" placeholder="Ex.: 1,42" autocomplete="off" />
</div>
<div class="modal-field">
<label for="ind-percentual-grupo">% Grupo</label>
<input type="text" id="ind-percentual-grupo" placeholder="Ex.: 20" autocomplete="off" />
</div>
<div class="modal-field">
<label for="ind-percentual-departamento-valor">% Departamento</label>
<input type="text" id="ind-percentual-departamento-valor" placeholder="Ex.: 20" autocomplete="off" />
</div>
</div>
<div class="modal-field">
<label for="ind-percentual-vigente">Vigente desde</label>
<input type="date" id="ind-percentual-vigente" />
</div>
<p class="modal-error" id="ind-percentual-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-percentual-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-percentual-save-btn">Salvar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-departamento-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title" id="ind-departamento-modal-title">Adicionar Departamento</h2>
<div class="modal-field">
<label for="ind-departamento-nome">Nome</label>
<input type="text" id="ind-departamento-nome" placeholder="Ex.: Fisco/Contábil" autocomplete="off" />
</div>
<label class="modal-checkbox">
<input type="checkbox" id="ind-departamento-ativo" checked />
Ativo
</label>
<p class="modal-error" id="ind-departamento-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-departamento-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="ind-departamento-save-btn">Salvar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="ind-departamento-gerentes-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title" id="ind-departamento-gerentes-modal-title">Gerenciar Gerentes</h2>
<p class="ind-subtitle">Nomes exatamente como aparecem na coluna "gerente" da planilha Serviços Tareffa. Um gerente só pode estar em um departamento por vez.</p>
<div class="modal-field">
<label>Gerentes deste departamento</label>
<div class="checklist-box" id="ind-departamento-gerentes-lista"></div>
</div>
<div class="modal-field">
<label>Sugestões (gerentes da última apuração, ainda sem departamento)</label>
<div class="checklist-box" id="ind-departamento-gerentes-sugestoes"></div>
</div>
<div class="modal-field-row">
<div class="modal-field">
<label for="ind-departamento-gerente-novo">Adicionar outro gerente</label>
<input type="text" id="ind-departamento-gerente-novo" placeholder="Nome do gerente" autocomplete="off" />
</div>
<button type="button" class="btn-solid ind-departamento-gerente-add-btn" id="ind-departamento-gerente-add-btn">Adicionar</button>
</div>
<p class="modal-error" id="ind-departamento-gerentes-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="ind-departamento-gerentes-close-btn">Fechar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="manage-account-modal" hidden>
<div class="modal-card" id="manage-account-modal-card">
<h2 class="modal-card__title">Gerenciar Usuário</h2>
<div class="modal-field">
<button type="button" class="btn-outline" id="manage-account-change-password-btn">Alterar senha</button>
</div>
<div class="modal-field" id="manage-account-liderados-field" hidden>
<label>Usuários sob sua liderança</label>
<div class="dual-select">
<div class="dual-select__panel">
<div class="dual-select__panel-header">
<button type="button" class="btn-solid" id="manage-account-liderados-available-link-btn" disabled>Vincular</button>
</div>
<div class="dual-select__table-wrap">
<table class="dual-select__table">
<thead>
<tr>
<th><input type="checkbox" id="manage-account-liderados-available-select-all" aria-label="Selecionar todos" /></th>
<th class="dual-select__sort" id="manage-account-liderados-available-sort-nome">Nome <span class="dual-select__sort-icon">↕</span></th>
<th>Departamento</th>
</tr>
<tr class="dual-select__filters">
<th></th>
<th><input type="text" id="manage-account-liderados-available-search-nome" placeholder="Buscar por nome..." autocomplete="off" /></th>
<th><input type="text" id="manage-account-liderados-available-search-departamento" placeholder="Buscar por departamento..." autocomplete="off" /></th>
</tr>
</thead>
<tbody id="manage-account-liderados-available-body"></tbody>
</table>
</div>
<div class="dual-select__footer" id="manage-account-liderados-available-footer"></div>
</div>
<div class="dual-select__panel">
<div class="dual-select__panel-header">
<button type="button" class="btn-danger-outline" id="manage-account-liderados-linked-unlink-btn" disabled>Desvincular</button>
</div>
<div class="dual-select__table-wrap">
<table class="dual-select__table">
<thead>
<tr>
<th><input type="checkbox" id="manage-account-liderados-linked-select-all" aria-label="Selecionar todos" /></th>
<th class="dual-select__sort" id="manage-account-liderados-linked-sort-nome">Nome <span class="dual-select__sort-icon">↕</span></th>
<th>Departamento</th>
</tr>
<tr class="dual-select__filters">
<th></th>
<th><input type="text" id="manage-account-liderados-linked-search-nome" placeholder="Buscar por nome..." autocomplete="off" /></th>
<th><input type="text" id="manage-account-liderados-linked-search-departamento" placeholder="Buscar por departamento..." autocomplete="off" /></th>
</tr>
</thead>
<tbody id="manage-account-liderados-linked-body"></tbody>
</table>
</div>
<div class="dual-select__footer" id="manage-account-liderados-linked-footer"></div>
</div>
</div>
<p class="modal-error" id="manage-account-liderados-error"></p>
</div>
<div class="modal-actions">
<button type="button" class="btn-outline" id="manage-account-close-btn">Fechar</button>
<button type="button" class="btn-solid" id="manage-account-save-btn" hidden>Salvar liderados</button>
</div>
</div>
</div>
<div class="modal-overlay" id="password-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title">Alterar senha</h2>
<div class="modal-field">
<label for="pwd-current">Senha atual</label>
<div class="password-field">
<input type="password" id="pwd-current" autocomplete="current-password" />
<button type="button" class="password-field__toggle" id="pwd-current-toggle" aria-label="Mostrar senha"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="3"/></svg></button>
</div>
</div>
<div class="modal-field">
<label for="pwd-new">Nova senha</label>
<div class="password-field">
<input type="password" id="pwd-new" autocomplete="new-password" />
<button type="button" class="password-field__toggle" id="pwd-new-toggle" aria-label="Mostrar senha"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="3"/></svg></button>
</div>
</div>
<div class="modal-field">
<label for="pwd-confirm">Confirmar nova senha</label>
<div class="password-field">
<input type="password" id="pwd-confirm" autocomplete="new-password" />
<button type="button" class="password-field__toggle" id="pwd-confirm-toggle" aria-label="Mostrar senha"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M1 12s4-7 11-7 11 7 11 7-4 7-11 7-11-7-11-7Z" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="3"/></svg></button>
</div>
</div>
<p class="modal-error" id="pwd-error"></p>
<div class="modal-actions">
<button type="button" class="btn-outline" id="pwd-cancel-btn">Cancelar</button>
<button type="button" class="btn-solid" id="pwd-save-btn">Salvar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="notif-history-modal" hidden>
<div class="modal-card">
<h2 class="modal-card__title">Histórico de Notificações</h2>
<ul class="notif-list" id="notif-history-list"></ul>
<div class="modal-actions">
<button type="button" class="btn-outline" id="notif-history-close-btn">Fechar</button>
</div>
</div>
</div>
<div class="modal-overlay" id="calendario-depaula-modal" hidden>
<div class="modal-card iframe-modal-card">
<div class="iframe-modal-header">
<h2 class="modal-card__title">Calendário De Paula</h2>
<button type="button" class="icon-btn" id="calendario-depaula-close-btn" aria-label="Fechar">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 6L6 18M6 6l12 12" stroke-linecap="round"/></svg>
</button>
</div>
<iframe id="calendario-depaula-iframe" class="iframe-modal-iframe" title="Calendário De Paula"></iframe>
</div>
</div>
<script src="{% static 'js/api.js' %}"></script>
<script src="{% static 'js/confirm-modal.js' %}"></script>
<script src="{% static 'js/sidebar-brand.js' %}"></script>
<script src="{% static 'js/dual-select.js' %}"></script>
<script src="{% static 'js/profiles.js' %}"></script>
<script src="{% static 'js/auth.js' %}"></script>
<script src="{% static 'js/access.js' %}"></script>
<script src="{% static 'js/account.js' %}"></script>
<script src="{% static 'js/favorites.js' %}"></script>
<script src="{% static 'js/events.js' %}"></script>
<script src="{% static 'js/sidebar.js' %}"></script>
<script src="{% static 'js/notifications.js' %}"></script>
<script src="{% static 'js/indicador-desempenho.js' %}"></script>
</body>
</html>