@extends('emails.layout')

@section('content')

    <div style="text-align:center;margin-bottom:20px;">
        <x-heroicon-o-chat-bubble-left-right width="55"
                                              style="opacity:0.8;stroke:#4f46e5;stroke-width:1" />
    </div>

    <h2 style="margin:0 0 6px;font-size:22px;color:#111;text-align:center;">
        Nachricht
    </h2>

    <p style="margin:0 0 24px;color:#9ca3af;font-size:13px;text-align:center;">
        von {{ $sender_name }}
    </p>

    <p style="margin:0 0 6px;font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:0.5px;">
        Nachricht an {{ $recipient_name }}
    </p>

    <div style="background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px;">
        <p style="margin:0;font-size:14px;color:#374151;line-height:1.6;">{{ $message }}</p>
    </div>

@endsection
