<div style="font-family: Arial, sans-serif; font-size: 14px; color: #333; line-height: 1.6; max-width: 600px; margin: 0 auto; border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
    <div style="background: #1e293b; padding: 18px 24px; color: #ffffff;">
        <h3 style="margin: 0; font-size: 18px; font-weight: 600;">Credit Fair - Loan Agreement Deletion Request</h3>
    </div>
    <div style="padding: 24px;">
        <p style="margin-top: 0;">Hello,</p>
        <p>A new <strong>Loan Agreement Deletion Request</strong> has been raised and is waiting for your review &amp; approval.</p>

        <table style="width: 100%; border-collapse: collapse; margin: 20px 0; font-size: 13px;">
            <tr>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0; background: #f8fafc; font-weight: 600; width: 35%;">Application ID</td>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0;">#{{ $appId }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0; background: #f8fafc; font-weight: 600;">Customer Name</td>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0;">{{ $customerName }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0; background: #f8fafc; font-weight: 600;">Reason Type</td>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0;">{{ $reasonType }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0; background: #f8fafc; font-weight: 600;">Maker Name</td>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0;">{{ $makerName }}</td>
            </tr>
            <tr>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0; background: #f8fafc; font-weight: 600;">Maker Note</td>
                <td style="padding: 8px 12px; border: 1px solid #e2e8f0;">{!! nl2br(e($makerNote)) !!}</td>
            </tr>
        </table>

        <div style="text-align: center; margin: 30px 0;">
            <a href="{{ $checkerPortalUrl }}" style="background-color: #2563eb; color: #ffffff; padding: 12px 24px; text-decoration: none; border-radius: 6px; font-weight: bold; font-size: 14px; display: inline-block;">
                Review in Checker Portal
            </a>
        </div>

        <p style="font-size: 12px; color: #64748b; margin-bottom: 0;">
            Portal Link: <a href="{{ $checkerPortalUrl }}" style="color: #2563eb;">{{ $checkerPortalUrl }}</a>
        </p>
    </div>
    <div style="background: #f1f5f9; padding: 12px 24px; font-size: 11px; color: #64748b; text-align: center;">
        This is an automated notification from Credit Fair Admin.
    </div>
</div>
