@if (is_array($verdict ?? null))
    <section class="theme-match-banner {{ $verdict['level'] ?? 'partial' }}">
        <div class="flex flex-wrap items-start justify-between gap-3">
            <div>
                <p class="text-base sm:text-lg font-bold">
                    <span class="me-1">{{ $verdict['icon'] ?? '⚠️' }}</span>
                    <span>{{ $verdict['title'] ?? '' }}</span>
                </p>
                <p class="mt-1 text-sm">{{ $verdict['message'] ?? '' }}</p>
            </div>

            @if (isset($verdict['score']))
                <div class="text-sm font-semibold">
                    {{ __('messages.match_score') }}: {{ (int) $verdict['score'] }}%
                </div>
            @endif
        </div>

        @if (! empty($verdict['top_reason']))
            <p class="mt-2 text-xs sm:text-sm">
                <span class="font-semibold">{{ __('messages.match_reasons') }}:</span>
                <span>{{ $verdict['top_reason'] }}</span>
            </p>
        @endif
    </section>
@endif