<!-- PAGE TREE: Relação técnica das histórias do novo processo de Recebimento Antecipado (SEM ÍCONE) -->
<style>
.pagetree {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
max-width: 820px;
margin: 0;
padding: 0;
}
.pagetree .node {
list-style: none;
margin: 0;
padding: 0;
}
.pagetree .node > li {
margin: 6px 0;
padding-left: 12px;
position: relative;
}
.pagetree .node > li::before {
content: "•";
color: #0a97e8;
position: absolute;
left: 0;
top: 0;
font-size: 18px;
}
.pagetree a {
color: #0a4f7a;
text-decoration: none;
font-size: 14px;
}
.pagetree a:hover {
text-decoration: underline;
color: #0a97e8;
}
/* Colapsável (summary simples, sem ícone) */
.pagetree details {
margin-bottom: 8px;
border-left: 3px solid transparent;
padding-left: 8px;
}
.pagetree details[open] {
border-left-color: #0a97e8;
}
.pagetree summary {
cursor: pointer;
list-style: none;
margin: 0 0 6px 0;
font-weight: 600;
color: #083947;
padding: 6px 0;
outline: none;
position: relative;
padding-right: 24px;
}
.pagetree summary::-webkit-details-marker { display: none; }
/* chevron à direita que rotaciona ao abrir */
.pagetree summary::after {
content: "▸";
position: absolute;
right: 0;
top: 6px;
transition: transform .18s ease;
color: #0a97e8;
font-size: 14px;
}
.pagetree details[open] summary::after {
transform: rotate(90deg);
}
</style>
<nav class="pagetree">
<details>
<summary>Documentos Técnicos</summary>
<ul class="node">
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=952380010" target="_blank" rel="noopener">
DDFINAN-29590 - DT - Criação de campos na PCCOB, PCORCAVENDAPREST e PCCRECLI
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=952993520" target="_blank" rel="noopener">
DDFINAN-29590 - DT - Criação de tabela pcprestantecipada
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=955485677" target="_blank" rel="noopener">
DDFINAN-29591 - DT - 522 - Criação de flag "pagamento antecipado" e "quita prestação no faturamento"
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=963543330" target="_blank" rel="noopener">
DDFINAN-29595 - DT - 603 - Restrições na visualização de créditos do tipo "A" e "C" na rotina 603
</a>
</li>
<li><nav class="pagetree" aria-label="Relação técnica - Recebimento Antecipado">
<details class="pt-details">
<summary class="pt-summary">Documentos Técnicos</summary>
<ul class="pt-list">
<!-- Substitua / adicione itens conforme necessário -->
<li class="pt-item">
<a class="pt-link" href="https://tdn.totvs.com/pages/viewpage.action?pageId=964569421952380010" target="_blank" rel="noopener noreferrer">
DDFINAN-3240829590 - DT - 1295Criação -de Implementaçãocampos dana RotinaPCCOB, paraPCORCAVENDAPREST Gestão de Pagamentos Antecipadose PCCRECLI
</a>
</li>
<li> <li class="pt-item">
<a class="pt-link" href="https://tdn.totvs.com/pages/viewpage.action?pageId=979013104952993520" target="_blank" rel="noopener noreferrer">
DDFINAN-3240929590 - DT - 1295 - Geração de Link para Pagamentos Antecipados
</a> Criação de tabela pcprestantecipada
</a>
</li>
<!-- ...repita os <li> conforme necessário -->
</ul>
</details>
</nav>
<style>
:root{
--accent: #0a97e8;
</li>
--accent-dark: #0a4f7a;
<li>--text: #083947;
--max-width: 820px;
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=991869161" target="_blank" rel="noopener"> --gap: 6px;
--font-family: Arial, "Helvetica Neue", Helvetica, DDFINAN-32410 - DT - 1295 - Cancelamento de Pagamentos Antecipados
</a>sans-serif;
--bullet-size: 18px;
--font-size: 14px;
}
/* Container */
.pagetree{
</li>
font-family: var(--font-family);
<li>max-width: var(--max-width);
margin: 0;
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=966220492" target="_blank" rel="noopener">
DDFINAN-32411 - DT - 1295 - Utilização de Créditos na Rotina
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=995205043" target="_blank" rel="noopener">
DDFINAN-32412 - DT - 1295 - Administração e Quitação de Pagamentos Antecipados
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=954599514" target="_blank" rel="noopener">
DDFINAN-32413 - DT - Criação de tabela pcprestantecipada
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=963546402" target="_blank" rel="noopener">
DDFINAN-32414 - DT - 619 - Restrições na visualização de créditos do tipo "A" e "C" na rotina 619
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=963549498" target="_blank" rel="noopener">
DDFINAN-32415 - DT - 628 - Restrições na visualização de créditos do tipo "A" e "C" na rotina 628
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=964585035" target="_blank" rel="noopener">
DDFINAN-32416 - DT - 1286 - Restrições na visualização de créditos do tipo "A" e "C" na rotina 1286
</a>
</li>
<li>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=969116782" target="_blank" rel="noopener">
DDFINAN-33021 - DT - Consumo de Crédito com Situação 'A'
</a>
</li>
</ul>
</details>
</nav>
padding: 0;
}
/* Details / summary (acordeão nativo, sem JS) */
.pt-details{
margin-bottom: 0.5rem;
border-left: 3px solid transparent;
padding-left: 0.5rem;
}
.pt-details[open]{ border-left-color: var(--accent); }
.pt-summary{
cursor: pointer;
display: block;
margin: 0 0 var(--gap) 0;
font-weight: 600;
color: var(--text);
padding: 6px 28px 6px 0;
position: relative;
font-size: 15px;
outline: none;
}
.pt-summary::-webkit-details-marker { display: none; }
/* chevron textual à direita que gira */
.pt-summary::after{
content: "▸";
position: absolute;
right: 0;
top: 6px;
transition: transform .18s ease;
color: var(--accent);
font-size: 14px;
}
.pt-details[open] .pt-summary::after { transform: rotate(90deg); }
/* Lista e itens */
.pt-list{
list-style: none;
margin: 0;
padding: 0;
}
.pt-item{
margin: 6px 0;
padding-left: 18px; /* espaço para o marcador */
position: relative;
font-size: var(--font-size);
line-height: 1.25;
}
/* marcador personalizado (círculo colorido) */
.pt-item::before{
content: "";
width: var(--bullet-size);
height: var(--bullet-size);
background: var(--accent);
border-radius: 50%;
position: absolute;
left: 0;
top: 1px;
transform: translateY(0);
box-shadow: 0 0 0 3px rgba(10,151,232,0.08);
}
/* Links */
.pt-link{
color: var(--accent-dark);
text-decoration: none;
display: inline-block;
padding: 2px 0;
}
.pt-link:hover,
.pt-link:focus{
color: var(--accent);
text-decoration: underline;
}
/* Acessibilidade: foco visível */
.pt-link:focus,
.pt-summary:focus{
outline: 3px solid rgba(10,151,232,0.18);
outline-offset: 2px;
}
/* Responsividade: ajusta tamanhos em telas pequenas */
@media (max-width: 420px){
:root{ --max-width: 100%; --font-size: 13px; --bullet-size: 14px; }
.pt-summary{ font-size: 14px; padding-right: 22px; }
.pt-item{ padding-left: 16px; }
}
</style>
| 