@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:#EEF2FF;border-radius:14px;text-align:center;vertical-align:middle;">
            <x-heroicon-o-chat-bubble-left-right style="width:24px;height:24px;stroke:#4F46E5;stroke-width:1.5;display:block;margin:14px auto;" />
        </td>
    </tr>
</table>

{{-- Title --}}
<h1 style="margin:0 0 4px;font-size:22px;font-weight:700;color:#111827;text-align:center;line-height:1.3;letter-spacing:-0.3px;">
    Neue Nachricht
</h1>
<p style="margin:0 0 28px;font-size:13px;color:#9CA3AF;text-align:center;">
    von {{ $sender_name }}
</p>

{{-- Recipient label --}}
<p style="margin:0 0 8px;font-size:11px;color:#9CA3AF;text-transform:uppercase;letter-spacing:0.6px;font-weight:600;">
    Nachricht an {{ $recipient_name }}
</p>

{{-- Message box --}}
<div style="background:#F9FAFB;border:1px solid #F3F4F6;border-radius:12px;padding:20px;margin-bottom:0;">
    <p style="margin:0;font-size:14px;color:#374151;line-height:1.7;">{{ $message }}</p>
</div>

@endsection
