
<turbo-stream action="append" target="teams-grid-list"><template>
  
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="les pisano" href="/tsohar2019/les-pisano">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      L
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Les pisano</p>
        <p class="text-xs text-base-content/50">
          6 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    1,500 €
      <span class="text-xs text-base-content/50 font-normal">
        / 4,000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 38%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">38%</span>
    </div>
</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="steeve et nourith" href="/tsohar2019/steeve-et-nourith">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      S
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Steeve et Nourith</p>
        <p class="text-xs text-base-content/50">
          2 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    1,240 €
      <span class="text-xs text-base-content/50 font-normal">
        / 4,000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 31%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">31%</span>
    </div>
</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="gladys harroch" href="/tsohar2019/gladys-harroch">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      G
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Gladys Harroch</p>
        <p class="text-xs text-base-content/50">
          4 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    1,204 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="bouchoucha" href="/tsohar2019/bouchoucha">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      B
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Bouchoucha</p>
        <p class="text-xs text-base-content/50">
          5 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    868 €
      <span class="text-xs text-base-content/50 font-normal">
        / 4,000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 22%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">22%</span>
    </div>
</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="carole et rudy allia" href="/tsohar2019/carole-et-rudy-allia">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      C
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Carole et Rudy ALLIA</p>
        <p class="text-xs text-base-content/50">
          2 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    700 €
      <span class="text-xs text-base-content/50 font-normal">
        / 8,000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 9%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">9%</span>
    </div>
</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="audrey benamou" href="/tsohar2019/audrey-benamou">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      A
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Audrey BENAMOU</p>
        <p class="text-xs text-base-content/50">
          3 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    640 €
      <span class="text-xs text-base-content/50 font-normal">
        / 4,000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 16%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">16%</span>
    </div>
</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="corinne" href="/tsohar2019/corinne">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      C
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Corinne</p>
        <p class="text-xs text-base-content/50">
          7 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    598 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="jess et debo" href="/tsohar2019/jess-et-debo">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      J
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Jess et debo</p>
        <p class="text-xs text-base-content/50">
          4 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    388 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="levyna cohen souffir" href="/tsohar2019/levyna-cohen-souffir">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      L
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Levyna Cohen Souffir</p>
        <p class="text-xs text-base-content/50">
          2 donateurs
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    260 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="benaroch" href="/tsohar2019/benaroch">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      B
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">benaroch</p>
        <p class="text-xs text-base-content/50">
          1 donateur
        </p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    252 €
  </p>

</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="hanna lautenberg" href="/tsohar2019/hanna-lautenberg">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      H
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">Hanna Lautenberg</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
      <span class="text-xs text-base-content/50 font-normal">
        / 4,000 €
      </span>
  </p>

    <div class="flex items-center gap-2">
      <div class="flex-1 h-1.5 bg-base-200 rounded-full overflow-hidden">
        <div class="h-full transition-all duration-500" style="width: 0%; background: #f67650;"></div>
      </div>
      <span class="text-[11px] font-bold whitespace-nowrap leading-none" style="color: #f67650;">0%</span>
    </div>
</a>
<a class="group block bg-white rounded-2xl border border-base-200 p-3 sm:p-4 hover:shadow-md hover:-translate-y-0.5 transition-all" data-team-filter-target="item" data-team-name="jerry yeouda" href="/tsohar2019/jerry-yeouda">
  <div class="flex items-center gap-3 mb-2">
    <div class="w-10 h-10 rounded-full flex items-center justify-center text-white font-semibold text-sm flex-shrink-0"
         style="background: #f67650;">
      J
    </div>
    <div class="min-w-0 flex-1">
      <p class="font-semibold text-sm truncate group-hover:text-primary transition-colors">jerry yeouda</p>
    </div>
  </div>

  <p class="text-base font-bold mb-2" style="color: #f67650;">
    0 €
  </p>

</a>
</template></turbo-stream>
<turbo-stream action="replace" target="teams-grid-load-more"><template>
  <div id="teams-grid-load-more" class="text-center mt-4">
  </div>
</template></turbo-stream>