{{-- Yolcu Bilgileri --}}
<div class="form-card" id="passengersCard">
    <div class="fsh">
        <div class="fsh-icon" style="background:#fce7f3;color:#db2777"><i class="fas fa-id-card"></i></div>
        <div class="fsh-title">Yolcu Bilgileri</div>
    </div>
    <div class="fsb">
        <p class="text-muted mb-3" style="font-size: 0.82rem; line-height: 1.4;">
            <i class="fas fa-info-circle me-1 text-primary"></i> 
            Kayıtlı bir yolcu seçebilir veya doğrudan yeni bilgiler girebilirsiniz. Seçilen bir yolcunun bilgilerini burada değiştirirseniz, o yolcu kaydı da sistemde güncellenecektir.
        </p>
        <div id="passengerContainer" style="display:flex;flex-direction:column;gap:1.5rem">
            {{-- JS ile dolacak --}}
        </div>
        <div id="passengerEmpty" style="padding:1rem;text-align:center;color:var(--text-muted);font-size:.85rem;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0;display:none">
            Katılımcı sayısı girildiğinde yolcu formları burada listelenecektir.
        </div>
    </div>
</div>