<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <title>{{ $subject ?? 'Bem-vindo ao ERP Sousait' }}</title>
</head>
<body style="margin:0; padding:0; background:#eef4f8; font-family:Arial, Helvetica, sans-serif; color:#1f2d3d;">

<table width="100%" cellpadding="0" cellspacing="0" style="background:#eef4f8; padding:30px 0;">
    <tr>
        <td align="center">

            <table width="680" cellpadding="0" cellspacing="0" style="max-width:680px; background:#ffffff; border-radius:14px; overflow:hidden; box-shadow:0 8px 24px rgba(15,40,70,0.12);">

                <tr>
                    <td style="background:linear-gradient(135deg,#092033,#0d5f8f); padding:30px 36px; color:#ffffff;">
                        <div style="font-size:13px; text-transform:uppercase; letter-spacing:1.4px; color:#65d4ff; font-weight:bold;">
                            ERP SOUSAIT
                        </div>

                        <h1 style="margin:10px 0 6px; font-size:26px; line-height:1.3;">
                            Bem-vindo ao ERP Sousait
                        </h1>

                        <p style="margin:0; font-size:15px; line-height:1.6; color:#d8eef9;">
                            Gestão empresarial simples, clara e integrada.
                        </p>
                    </td>
                </tr>

                <tr>
                    <td style="padding:32px 36px;">

                        <div style="font-size:15px; line-height:1.8; color:#1f2d3d; margin-bottom:24px;">
                            {!! nl2br($content ?? '') !!}
                        </div>

                        <div style="background:#f7fbff; border-left:4px solid #0d5f8f; padding:16px 18px; border-radius:8px; font-size:14px; line-height:1.6; color:#36566f; margin-bottom:24px;">
                            <strong>Próximo passo:</strong>
                            acesse sua conta com o usuário e senha cadastrados para começar a configurar sua empresa no ERP Sousait.
                        </div>

                        <table cellpadding="0" cellspacing="0" style="margin:28px 0;">
                            <tr>
                                <td>
                                    <a href="{{ $loginUrl ?? url('/login') }}"
                                       style="display:inline-block; background:linear-gradient(135deg,#0d5f8f,#32c5ff); color:#ffffff; text-decoration:none; padding:14px 24px; border-radius:999px; font-size:14px; font-weight:bold;">
                                        Acessar ERP Sousait
                                    </a>
                                </td>
                            </tr>
                        </table>

                        <div style="background:#fff7e6; border-left:4px solid #f5a623; padding:14px 16px; border-radius:8px; font-size:14px; line-height:1.5; color:#5c4600;">
                            <strong>Segurança:</strong>
                            sua senha não é enviada por e-mail. Caso tenha esquecido, utilize a opção de recuperação de senha na tela de login.
                        </div>

                    </td>
                </tr>

                <tr>
                    <td style="background:#092033; padding:18px 36px; color:#aac7d8; font-size:12px; text-align:center; line-height:1.6;">
                        <strong style="color:#ffffff;">ERP Sousait</strong><br>
                        Gestão empresarial simples, clara e integrada.<br>
                        Site: {{ $siteUrl ?? url('/') }}
                    </td>
                </tr>

            </table>

        </td>
    </tr>
</table>

</body>
</html>