Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

HTML
<div style="font-family: 'Segoe UI', Arial, sans-serif; border: 1px solid #d1d1d1; border-radius: 15px; width: 100%; margin: 10px 0; background-color: #ffffff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); overflow: hidden;">
    
    <div style="background-color: #367C2B; padding: 18px 30px; border-bottom: 6px solid #FFDE00; display: flex; justify-content: space-between; align-items: center;">
        <div style="display: flex; align-items: center; gap: 20px;">
            <div style="background: #FFDE00; color: #367C2B; padding: 4px 12px; border-radius: 4px; font-weight: bold; font-size: 0.85em; letter-spacing: 1px;">SOLUÇÃO</div>
            <h2 style="color: #ffffff; margin: 0; font-size: 1.3em; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px;">Ajuste de Processo | Entrega Futura</h2>
        </div>
        <div style="color: #ffffff; font-weight: bold; font-size: 0.9em; letter-spacing: 1px;">
            STATUS: <span style="color: #FFDE00;">IMPLEMENTADO</span>
        </div>
    </div>

    <div style="padding: 30px; color: #333333;">
        
        <div style="margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #eeeeee;">
            <p style="font-size: 1.05em; line-height: 1.6; margin: 0; color: #1a1a1a;">
                Foi ajustado o comportamento do sistema para garantir a <strong>consistência do processo de Entrega Futura</strong>, bem como adicionadas validações para evitar cenários indevidos relacionados à TES e reserva de estoque:
            </p>
        </div>

        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-bottom: 35px;">
            
            <div style="background: #f8faf8; padding: 20px; border-left: 4px solid #367C2B; border-radius: 4px;">
                <h4 style="color: #367C2B; margin-top: 0; font-size: 1em; text-transform: uppercase;">Correção de Fluxo</h4>
                <ul style="margin: 10px 0 0 0; padding-left: 18px; line-height: 1.5; color: #444; font-size: 0.95em;">
                    <li style="margin-bottom: 8px;">Lógica da etapa <strong>"Como Pagar"</strong> corrigida para não estornar reservas ao cancelar a operação.</li>
                    <li>Validação da TES adequada para manter itens reservados mesmo sem movimentação física imediata.</li>
                </ul>
            </div>

            <div style="background: #f8faf8; padding: 20px; border-left: 4px solid #367C2B; border-radius: 4px;">
                <h4 style="color: #367C2B; margin-top: 0; font-size: 1em; text-transform: uppercase;">Novas Validações</h4>
                <ul style="margin: 10px 0 0 0; padding-left: 18px; line-height: 1.5; color: #444; font-size: 0.95em;">
                    <li style="margin-bottom: 8px;">Impedimento de uso de TES que não movimenta estoque em itens aguardando atendimento (Compra/Transferência).</li>
                    <li>Bloqueio de mensagens de disponibilidade conflitantes para itens já vinculados a sugestão de compra.</li>
                </ul>
            </div>
        </div>

        <div style="background-color: #367C2B; color: #ffffff; padding: 25px 30px; border-radius: 12px; display: flex; align-items: center; gap: 20px;">
            <div style="font-size: 2em; line-height: 1;">✔️</div>
            <div style="flex: 1;">
                <strong style="color: #FFDE00; font-size: 1em; text-transform: uppercase; display: block; margin-bottom: 5px;">Resultado Operacional:</strong>
                <p style="margin: 0; font-size: 1.05em; font-style: italic; color: #f0f0f0; line-height: 1.5;">
                    Com essas correções, o sistema passa a garantir maior integridade no controle de reservas e coerência entre os processos de estoque, compra e transferência, evitando inconsistências operacionais e retrabalho.
                </p>
            </div>
        </div>

    </div>
</div>

...