@extends('emails.layout')

@section('content')

{{-- Icon --}}
<table cellpadding="0" cellspacing="0" role="presentation" style="margin:0 auto 28px;">
    <tr>
        <td style="width:52px;height:52px;background:#F0FDF4;border-radius:14px;text-align:center;vertical-align:middle;">
            <x-heroicon-o-check-circle style="width:24px;height:24px;stroke:#10B981;stroke-width:1.5;display:block;margin:14px auto;" />
        </td>
    </tr>
</table>

{{-- Title --}}
<h1 style="margin:0 0 8px;font-size:22px;font-weight:700;color:#111827;text-align:center;line-height:1.3;letter-spacing:-0.3px;">
    SMTP erfolgreich konfiguriert
</h1>
<p style="margin:0 0 24px;font-size:14px;color:#6B7280;text-align:center;line-height:1.6;">
    Dein SMTP-Server ist korrekt eingerichtet.<br>
    E-Mails können von Aria in deinem Namen versendet werden.
</p>

{{-- Status box --}}
<div style="background:#F0FDF4;border:1px solid #D1FAE5;border-radius:10px;padding:14px 18px;text-align:center;">
    <p style="margin:0;font-size:13px;color:#059669;font-weight:500;">
        &#10003;&ensp;Verbindung hergestellt
    </p>
</div>

@endsection
