{{-- Compact custodian security strip — navy (ready) / muted red (hold) only. --}}
<div
    class="w-full min-w-0 rounded-md border px-2 py-1.5 text-left bg-white/80"
    :class="linkedReserveSecurityReady() ? 'border-[#C8DCF5] bg-[#FAFBFE]' : 'border-[#E8C8C8] bg-[#FAFBFE]'"
    role="status"
    :aria-label="linkedReserveSecurityReady() ? 'Linked reserve secure and ready for processing' : 'Linked reserve security review required'"
>
    <div class="flex flex-wrap items-baseline justify-between gap-x-2 gap-y-0.5">
        <p class="text-[9px] font-semibold uppercase tracking-wide leading-snug" :class="linkedReserveSecurityReady() ? 'text-[#012169]' : 'text-[#8B2942]'">
            <span class="text-[#6F6F6F] font-medium">Account connected</span>
            <span class="text-[#C8C8C8] mx-1" aria-hidden="true">·</span>
            <span x-text="linkedReserveSecurityReady() ? 'Ready for processing' : 'Review required'"></span>
        </p>
        <span class="text-[8px] font-medium uppercase tracking-wide shrink-0" :class="linkedReserveSecurityReady() ? 'text-[#012169]' : 'text-[#8B2942]'">Live</span>
    </div>
    <p class="text-[9px] text-[#7B7B7B] leading-snug mt-0.5">
        Bank of America · {{ \App\Support\LinkedReserveConfig::jurisdictionCurrencySuffix() }}
        <span class="text-[#C8C8C8] mx-1" aria-hidden="true">·</span>
        <span x-show="linkedReserveSecurityReady()" x-cloak>Custodian verified · rails armed</span>
        <span x-show="!linkedReserveSecurityReady()" x-cloak>Clear holds to release wire and withdrawal</span>
    </p>
    <p class="mt-1 text-[8px] leading-snug text-[#6F6F6F]">
        <span class="text-[#012169]">TLS 1.3</span><span class="text-[#D4D4D4] mx-1">·</span>
        <span class="text-[#012169]">Ledger sync</span><span class="text-[#D4D4D4] mx-1">·</span>
        <span :class="(security.transfer_authorization || '') === 'Authorized' ? 'text-[#012169]' : 'text-[#8B2942]'" x-text="'Transfer ' + (security.transfer_authorization || '—')"></span><span class="text-[#D4D4D4] mx-1">·</span>
        <span :class="earnings.wire_transfer_block_reason ? 'text-[#8B2942]' : 'text-[#012169]'" x-text="earnings.wire_transfer_block_reason ? 'Wire restricted' : 'Wire clear'"></span><span class="text-[#D4D4D4] mx-1">·</span>
        <span class="text-[#012169]" x-text="'Location ' + (security.location_validation || '—')"></span><span class="text-[#D4D4D4] mx-1">·</span>
        <span class="text-[#012169]">Session-bound</span>
    </p>
</div>