{{-- Minimal Theme: Ultra clean, monospace code, thin accent (Byte) --}}
<div style="direction:rtl;background:#fafafa;padding:48px 16px;font-family:'Tahoma','Arial',sans-serif;text-align:right">
    <div
        style="max-width:520px;margin:auto;background:#ffffff;border-radius:4px;overflow:hidden;border:1px solid #e5e7eb">

        {{-- Thin accent line --}}
        <div style="height:3px;background:{{ $primaryColor }}"></div>

        {{-- Body --}}
        <div style="padding:40px 32px 20px">
            {{-- Site name --}}
            <p
                style="margin:0 0 24px;font-size:13px;color:#9ca3af;font-weight:600;letter-spacing:2px;text-transform:uppercase">
                {{ $siteName }}</p>

            <h2 style="margin:0 0 12px;font-size:18px;font-weight:700;color:#111827">{{ $subjectLine }}</h2>
            <p style="margin:0 0 28px;font-size:14px;line-height:1.8;color:#6b7280">{{ $introLine }}</p>

            {{-- Code --}}
            <div
                style="margin:0 0 32px;padding:20px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:4px;text-align:center">
                <span
                    style="font-family:'Courier New',monospace;font-size:28px;letter-spacing:8px;font-weight:700;color:#111827">{{ $code }}</span>
            </div>

            <p style="margin:0 0 24px;font-size:12px;color:#9ca3af">ينتهي خلال 5 دقائق</p>

            @if (!empty($activationUrl))
                <a href="{{ $activationUrl }}" target="_blank"
                    style="display:inline-block;background:{{ $primaryColor }};color:#fff;text-decoration:none;padding:12px 28px;border-radius:4px;font-size:14px;font-weight:600">
                    تفعيل
                </a>
                <p style="margin:12px 0 0;font-size:11px;color:#9ca3af">
                    <span style="direction:ltr;word-break:break-all;color:#6b7280">{{ $activationUrl }}</span>
                </p>
            @endif
        </div>

        {{-- Footer --}}
        <div style="padding:20px 32px;border-top:1px solid #f3f4f6">
            <p style="margin:0;font-size:11px;color:#d1d5db">{{ $siteName }} · {{ date('Y') }}</p>
        </div>
    </div>
</div>