<style>
    .danfe-container { width: 800px; font-family: Arial, sans-serif; border: 1px solid #000; padding: 10px; margin: auto; background: white; }
    .header-table, .data-table { width: 100%; border-collapse: collapse; margin-bottom: 5px; }
    .header-table td, .data-table td { border: 1px solid #000; padding: 4px; font-size: 10px; vertical-align: top; }
    .label { font-weight: bold; display: block; font-size: 8px; text-transform: uppercase; }
    .value { font-size: 11px; }
    .title { text-align: center; font-weight: bold; font-size: 14px; }
    .barcode-placeholder { height: 50px; background: #eee; border: 1px dashed #999; text-align: center; line-height: 50px; }
</style>

<div class="danfe-container">
    <table class="header-table">
        <tr>
            <td width="30%">
                <span class="label">Emitente</span>
                <div class="value"><strong>NOME DA EMPRESA LTDA</strong><br>PAPANDUVA/SC</div>
            </td>
            <td width="20%" class="title">
                DANFE<br>
                <span style="font-size: 8px;">Doc. Auxiliar da NF-e</span><br>
                Nº: 1234 SÉRIE: 1
            </td>
            <td width="50%">
                <div class="barcode-placeholder">CHAVE DE ACESSO: 4226 0500...</div>
            </td>
        </tr>
    </table>

    <div class="label" style="margin-top: 10px;">Destinatário</div>
    <table class="data-table">
        <tr>
            <td width="70%"><span class="label">Nome / Razão Social</span><span class="value">CLIENTE EXEMPLO SA</span></td>
            <td width="30%"><span class="label">Data Emissão</span><span class="value">05/05/2026</span></td>
        </tr>
    </table>

    <div class="label" style="margin-top: 10px;">Dados dos Produtos</div>
    <table class="data-table">
        <tr style="background: #f2f2f2; font-weight: bold;">
            <td>CÓD</td><td>DESCRIÇÃO</td><td>UN</td><td>QTD</td><td>V. UNIT</td><td>V. TOTAL</td>
        </tr>
        <tr>
            <td>001</td><td>PRODUTO DE TESTE</td><td>UN</td><td>1.00</td><td>100.00</td><td>100.00</td>
        </tr>
    </table>
</div>