


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Planejamento de Transporte</title>
<!-- Container Principal (Fundo Cinza) -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #f4f6f8; padding: 20px;">
    <tbody>
        <tr>
            <td align="center">
                <!-- Corpo do Email (Fundo Branco, Largura Limitada) -->
                <table border="0" cellpadding="0" cellspacing="0" width="600" style="background-color: #ffffff; max-width: 600px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); overflow: hidden;">
                    <!-- Cabeçalho -->
                    <tbody>
                        <tr>
                            <td style="padding: 20px; border-bottom: 2px solid #005f73;">
                                <h2 style="color: #2c3e50; margin: 0; font-size: 22px;">Planejamento Financeiro de Transporte</h2>
                                <span style="color: #666; font-size: 14px;">Período: Até 10/12</span>
                            </td>
                        </tr>
                        <!-- Resumo (Cards) -->
                        <tr>
                            <td style="padding: 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                    <tbody>
                                        <tr>
                                            <!-- Card 1 -->
                                            <td width="32%" valign="top" style="background: #f8f9fa; padding: 10px; border-left: 5px solid #005f73; border-radius: 4px;">
                                                <h4 style="margin: 0 0 5px 0; color: #555; font-size: 11px; text-transform: uppercase;">Diária</h4>
                                                <p style="margin: 0; font-size: 16px; font-weight: bold; color: #005f73;">R$ 11,20</p>
                                            </td>
                                            <td width="2%">
                                            </td>
                                            <!-- Espaçamento -->
                                            <!-- Card 2 -->
                                            <td width="32%" valign="top" style="background: #f8f9fa; padding: 10px; border-left: 5px solid #005f73; border-radius: 4px;">
                                                <h4 style="margin: 0 0 5px 0; color: #555; font-size: 11px; text-transform: uppercase;">Custo Futuro (7d)</h4>
                                                <p style="margin: 0; font-size: 16px; font-weight: bold; color: #005f73;">R$ 78,40</p>
                                            </td>
                                            <td width="2%">
                                            </td>
                                            <!-- Espaçamento -->
                                            <!-- Card 3 -->
                                            <td width="32%" valign="top" style="background: #f8f9fa; padding: 10px; border-left: 5px solid #005f73; border-radius: 4px;">
                                                <h4 style="margin: 0 0 5px 0; color: #555; font-size: 11px; text-transform: uppercase;">Status</h4>
                                                <p style="margin: 0; font-size: 16px; font-weight: bold; color: #005f73;">Créditos Abatidos</p>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <!-- Tabela de Dados -->
                        <tr>
                            <td style="padding: 0 20px 20px 20px;">
                                <table border="0" cellpadding="8" cellspacing="0" width="100%" style="border-collapse: collapse; width: 100%; border: 1px solid #e0e0e0;">
                                    <thead>
                                        <tr style="background-color: #005f73; color: white;">
                                            <th style="text-align: left; font-size: 12px; text-transform: uppercase; padding: 10px;">Colaborador</th>
                                            <th style="text-align: center; font-size: 12px; text-transform: uppercase; padding: 10px;">Situação</th>
                                            <th style="text-align: right; font-size: 12px; text-transform: uppercase; padding: 10px;">Falta Pagar</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <!-- GRUPO 1: PENDENTES -->
                                        <tr>
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Diêgo Bispo Oliveira</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #fff5f5; color: #c53030; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PENDENTE</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; color: #c53030; font-weight: bold; font-family: monospace;">R$ 89,60</td>
                                        </tr>
                                        <tr>
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Lindivaldo Lima de Oliveira</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #fff5f5; color: #c53030; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PENDENTE</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; color: #c53030; font-weight: bold; font-family: monospace;">R$ 89,60</td>
                                        </tr>
                                        <tr>
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Augusto dos Santos</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #fff5f5; color: #c53030; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PENDENTE</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; color: #c53030; font-weight: bold; font-family: monospace;">R$ 89,60</td>
                                        </tr>
                                        <tr>
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Fernando França</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #fff5f5; color: #c53030; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PENDENTE</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; color: #c53030; font-weight: bold; font-family: monospace;">R$ 89,60</td>
                                        </tr>
                                        <!-- GRUPO 2: PAGOS (50) -->
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Marcos Simões Santos</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Luciana Santos de Jesus</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Altair Raimunda Sacramento</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Tais de Jesus Meireles</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Gilson dos Santos Lopes</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Ana Patricia de Jesus</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Iris Santos da Silva</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Edilma Celestino da Silva</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <tr style="background-color: #f9fbfd;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Marilim Santos Conceição</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #e6fffa; color: #047857; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (50)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 39,60</td>
                                        </tr>
                                        <!-- LEIDJANE (RECEBEU 40) -->
                                        <tr style="background-color: #fffaf0;">
                                            <td style="border-bottom: 1px solid #e0e0e0; font-size: 13px;">Leidjane da Silva Nascimento</td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: center;">
                                                <span style="background-color: #fff3cd; color: #856404; font-weight: bold; padding: 3px 6px; border-radius: 4px; font-size: 10px;">PAGO (40)</span>
                                            </td>
                                            <td style="border-bottom: 1px solid #e0e0e0; text-align: right; font-family: monospace; color: #333;">R$ 49,60</td>
                                        </tr>
                                        <!-- TOTAL -->
                                        <tr style="background-color: #e9ecef;">
                                            <td colspan="2" style="padding: 12px; text-align: right; font-weight: bold; color: #333; border-top: 2px solid #005f73;">TOTAL NECESSÁRIO (Até 10/12):</td>
                                            <td style="padding: 12px; text-align: right; font-weight: bold; color: #333; font-family: monospace; font-size: 14px; border-top: 2px solid #005f73;">R$ 764,40</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <!-- Nota de Rodapé -->
                        <tr>
                            <td style="padding: 0 20px 20px 20px;">
                                <div style="background-color: #f8f9fa; padding: 15px; border-radius: 6px; border: 1px solid #eee;">
                                    <p style="margin: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #555;">ℹ️ Entenda o cálculo:</p>
                                    <p style="margin: 0; font-size: 12px; color: #666; font-style: italic; line-height: 1.4;">.O valor recebido cobriu a diária de hoje. O restante (sobra) foi descontado do custo da próxima semana.<br>
                                    <strong>Exemplo:</strong> Quem recebeu R$ 50,00 usou R$ 11,20 hoje. Sobrou R$ 38,80 de crédito, que foi abatido do custo futuro</p>
                                </div>
                            </td>
                        </tr>
                        <!-- Footer -->
                        <tr>
                            <td align="center" style="padding: 20px; background-color: #005f73; color: white; font-size: 12px;">
                        Relatório Financeiro Gerado Automaticamente
                    </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </tbody>
</table>


