@php
  /** @var array $effort */
  $bp = $effort['by_priority'] ?? [];
  $bt = $effort['by_type'] ?? [];
  $days = $effort['days'] ?? 0;
  $perDay = ! empty($effort['productive_per_day']) ? ' @ '.$effort['productive_per_day'].'h/day' : '';
@endphp
<div class="eff-card" x-data="{ effOpen: false }">
  <div class="eff-head">
    <span class="eff-big">≈ {{ $effort['hours'] }} h</span>
    <span class="eff-sub muted">(~{{ $days }} {{ (float) $days == 1.0 ? 'day' : 'days' }}{{ $perDay }}) estimated QA effort · {{ $effort['count'] }} test case{{ $effort['count'] === 1 ? '' : 's' }}
      @if (! empty($effort['ai_minutes']))· <span title="Some cases used the AI's own per-case estimate">partly AI-estimated</span>@endif
    </span>
    @if (! empty($effort['tat_days']))
      <span class="eff-tat" title="Calendar days for devs to fix bugs found (based on medium+high case count)">+ Dev fix TAT ~{{ $effort['tat_days'] }} day{{ $effort['tat_days'] === 1 ? '' : 's' }}</span>
    @endif
    <button type="button" class="eff-toggle" @click="effOpen = !effOpen" x-text="effOpen ? 'Hide breakdown ▴' : 'Breakdown ▾'"></button>
  </div>
  <div x-show="effOpen" x-cloak>
    <div class="eff-break">
      <span><strong>Execution</strong> {{ $effort['execution_hours'] ?? round(($effort['execution_minutes'] ?? 0)/60,1) }} h
        @if (! empty($effort['data_prep_minutes'])) · <strong>Data prep</strong> {{ $effort['data_prep_minutes'] }}m @endif
        · <strong>Sanity</strong> {{ $effort['sanity_minutes'] ?? 0 }}m
        · <strong>Regression</strong> {{ $effort['regression_minutes'] ?? 0 }}m
        @if (! empty($effort['clarification_minutes'])) · <strong>BA clarification</strong> {{ round($effort['clarification_minutes']/60,1) }}h @endif</span>
    </div>
    <div class="eff-break">
      <span><strong>Priority</strong> · High {{ $bp['High'] ?? 0 }} · Medium {{ $bp['Medium'] ?? 0 }} · Low {{ $bp['Low'] ?? 0 }}</span>
      <span><strong>Type</strong> · positive {{ $bt['positive'] ?? 0 }} · negative {{ $bt['negative'] ?? 0 }} · edge {{ $bt['edge'] ?? 0 }}</span>
    </div>
    <p class="eff-foot muted">{{ $effort['assumptions'] }}</p>
  </div>
</div>
<style>
  .eff-card { background: var(--card); border: 1px solid var(--line); border-radius: var(--r-sm); padding: .8rem 1rem; }
  .eff-head { display: flex; align-items: baseline; gap: .6rem; flex-wrap: wrap; }
  .eff-big { font-size: 1.5rem; font-weight: 800; background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
  .eff-sub { font-size: .85rem; }
  .eff-tat { margin-left: auto; font-size: .78rem; font-weight: 700; color: var(--overdue, #d97706);
    background: rgba(217,119,6,.12); padding: .15rem .55rem; border-radius: 999px; white-space: nowrap; }
  .eff-toggle { font: inherit; font-size: .72rem; font-weight: 600; cursor: pointer; background: transparent;
    border: 1px solid var(--line); color: var(--muted); border-radius: var(--r-pill); padding: .12rem .55rem; box-shadow: none; }
  .eff-toggle:hover { background: var(--primary-soft); color: var(--ink); transform: none; box-shadow: none; }
  .eff-break { display: flex; gap: 1.5rem; flex-wrap: wrap; margin: .5rem 0 .1rem; font-size: .78rem; color: var(--muted); }
  .eff-foot { font-size: .7rem; margin: .3rem 0 0; }
</style>