@php
  $t    = $ev->event_time ? \Carbon\Carbon::createFromTimeString($ev->event_time, $tz)->format('H:i') : '—';
  $plat = [
    'tiktok'    => ['تيك توك','bg-emerald-500/15 text-emerald-100 border-emerald-300/20'],
    'instagram' => ['إنستغرام','bg-pink-500/15 text-pink-100 border-pink-300/20'],
    'youtube'   => ['يوتيوب','bg-red-500/15 text-red-100 border-red-300/20'],
    'other'     => ['أخرى','bg-white/8 text-white/80 border-white/12'],
  ][$ev->platform] ?? ['—','bg-white/8 text-white/80 border-white/12'];

  $statusPill = [
    'upcoming'  => ['قادمة','bg-amber-500/15 text-amber-100 border-amber-300/20'],
    'active'    => ['نشِطة','bg-emerald-500/15 text-emerald-100 border-emerald-300/20'],
    'finished'  => ['منتهية','bg-white/8 text-white/80 border-white/12'],
    'cancelled' => ['ملغاة','bg-rose-500/15 text-rose-100 border-rose-300/20'],
  ][$ev->status] ?? ['—','bg-white/8 text-white/80 border-white/12'];

  $highlight = $highlight ?? false;
  $muted     = $muted     ?? false;

  // ستايل فقط (بدون تغيير منطق)
  $shell = $muted ? 'border-white/10 bg-black/35 opacity-85' : 'border-white/12 bg-black/45';
  $shell = $highlight
      ? 'border-emerald-300/25 bg-gradient-to-br from-emerald-500/14 via-black/45 to-black/55 shadow-2xl shadow-emerald-500/10'
      : $shell;

  $dot = match($ev->status){
    'active'    => 'bg-emerald-300',
    'upcoming'  => 'bg-amber-300',
    'cancelled' => 'bg-rose-300',
    'finished'  => 'bg-white/35',
    default     => 'bg-white/35',
  };
@endphp

<div class="group relative overflow-hidden rounded-2xl p-4 border {{ $shell }}
            shadow-[0_14px_60px_rgba(0,0,0,0.28)]
            hover:bg-black/55 hover:border-white/18 transition">
  {{-- Glow ملحمي --}}
  <div class="pointer-events-none absolute -top-16 -right-16 w-48 h-48 rounded-full blur-3xl
              {{ $highlight ? 'bg-emerald-400/12' : 'bg-fuchsia-500/10' }}"></div>
  <div class="pointer-events-none absolute -bottom-20 -left-20 w-60 h-60 rounded-full blur-3xl
              {{ $muted ? 'bg-white/6' : 'bg-cyan-400/8' }}"></div>

  <div class="relative flex items-start justify-between gap-3">
    <div class="min-w-0">
      <div class="flex items-center gap-2">
        <span class="w-2 h-2 rounded-full {{ $dot }}"></span>
        <div class="font-extrabold text-white text-[13px] sm:text-[14px] truncate">
          {{ $ev->event_title }}
        </div>
      </div>

      <div class="mt-1 text-[11px] text-white/75 flex flex-wrap items-center gap-2">
        <span class="inline-flex items-center gap-2 px-2 py-0.5 rounded-full bg-white/6 border border-white/10">
          <i class="fa-regular fa-clock text-[10px] opacity-80"></i>
          <span class="font-semibold">{{ $t }}</span>
        </span>

        <span class="inline-flex items-center gap-2 px-2 py-0.5 rounded-full bg-white/6 border border-white/10">
          <i class="fa-regular fa-user text-[10px] opacity-80"></i>
          <span class="truncate max-w-[220px] sm:max-w-[260px]">{{ $ev->leader_name ?: '—' }}</span>
        </span>
      </div>
    </div>

    <div class="flex items-center gap-2 shrink-0">
      <span class="text-[11px] px-3 py-1 rounded-full border {{ $plat[1] }}">
        <i class="fa-solid fa-satellite-dish text-[10px] opacity-80 ms-1"></i>{{ $plat[0] }}
      </span>

      <span class="text-[11px] px-3 py-1 rounded-full border {{ $statusPill[1] }}">
        <i class="fa-solid fa-circle-info text-[10px] opacity-80 ms-1"></i>{{ $statusPill[0] }}
      </span>
    </div>
  </div>

  @if(!empty($ev->event_description))
    <p class="relative mt-3 text-[12px] text-white/80 leading-relaxed line-clamp-2">
      {{ $ev->event_description }}
    </p>
  @endif

  @if(!empty($ev->notes))
    <div class="relative mt-3 text-[11px] text-white/65">
      <span class="inline-flex items-start gap-2 px-3 py-2 rounded-2xl bg-white/6 border border-white/10">
        <i class="fa-regular fa-note-sticky mt-0.5 opacity-80"></i>
        <span class="line-clamp-2">{{ $ev->notes }}</span>
      </span>
    </div>
  @endif

  {{-- Highlight banner (اليوم فقط) --}}
  @if($highlight)
    <div class="relative mt-3">
      <span class="inline-flex items-center gap-2 px-3 py-2 rounded-2xl
                   bg-emerald-500/12 border border-emerald-300/20 text-emerald-100 text-[11px] font-bold">
        <span class="relative flex h-2.5 w-2.5">
          <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-300 opacity-60"></span>
          <span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-emerald-300"></span>
        </span>
        اليوم — تمييز مباشر
      </span>
    </div>
  @endif
</div>