@php
    $h = 'font-display text-base font-semibold text-ink';
    $p = 'text-sm leading-relaxed text-ink-2';
    $li = 'text-sm leading-relaxed text-ink-2';
@endphp

<div class="space-y-3">
    <h3 class="{{ $h }}">Email (SMTP)</h3>
    <p class="{{ $p }}">Under <span class="text-ink">Settings → Email</span> you configure an <span class="text-ink">SMTP</span> server. This lets the panel send e-mail — primarily the <span class="text-ink">password-reset link</span> from the "Forgot password" screen.</p>
    <ul class="ml-4 list-disc space-y-1.5">
        <li class="{{ $li }}">Enter host, port, encryption, username/password and the sender address.</li>
        <li class="{{ $li }}">Use <span class="text-ink">"Send test email"</span> to verify the configuration right away.</li>
    </ul>
    <p class="{{ $p }}">Without SMTP, recovery still works via the 2FA proof (e-mail + TOTP or a backup code) or via the host console — see "Account recovery".</p>
</div>