{{-- Single ordered reference for Card Management workspace. --}}
@php
    $isAdmin = \App\Support\WorkspaceNavigation::userMayConfigurePlatform($user ?? null);
@endphp
<div class="rounded-2xl border border-[#ECECEC] bg-white shadow-sm overflow-hidden">
    <div class="grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-[#ECECEC]">
        <section class="px-4 py-3 md:py-4 space-y-1.5">
            <h2 class="text-[10px] font-semibold uppercase tracking-wider text-[#6F6F6F]">Mandate-linked instrument</h2>
            <p class="text-xs text-[#4A4A4A] leading-relaxed">This card draws from <strong class="font-medium text-[#111]">mandate earnings allocation</strong>, not company operational treasury. Authorizations debit your allocation pool when matched settlement posts.</p>
        </section>
        <section class="px-4 py-3 md:py-4 space-y-1.5">
            <h2 class="text-[10px] font-semibold uppercase tracking-wider text-[#6F6F6F]">Spending &amp; routing</h2>
            <p class="text-xs text-[#4A4A4A] leading-relaxed">International routing, settlement visibility, and category controls apply to authorized operational spend only.</p>
        </section>
        <section class="px-4 py-3 md:py-4 space-y-1.5">
            <h2 class="text-[10px] font-semibold uppercase tracking-wider text-[#6F6F6F]">Security enforcement</h2>
            <p class="text-xs text-[#4A4A4A] leading-relaxed">Security may restrict authorizations or cross-border routing without changing mandate ledger balance until settlement events post.</p>
        </section>
    </div>

    <div class="border-t border-[#ECECEC] px-4 py-3 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 bg-[#FAFBFE]/80">
        @include('partials.stripe-powered-financial-rail', ['variant' => 'compact', 'class' => 'shrink-0'])
        <p class="text-[10px] text-[#7B7B7B] leading-snug sm:text-right sm:max-w-md">Card authorizations and settlement legs run on Stripe Treasury rails where enabled.</p>
    </div>

    <div class="border-t border-[#ECECEC] px-4 py-3 md:py-4">
        <h2 class="text-[10px] font-semibold uppercase tracking-wider text-[#6F6F6F] mb-2">On this page</h2>
        <ol class="text-xs text-[#4A4A4A] space-y-1.5 list-decimal pl-4 max-w-3xl leading-relaxed">
            <li><span class="font-semibold text-[#111]">Card instrument</span> — status, redacted PAN, and freeze controls below.</li>
            <li><span class="font-semibold text-[#111]">Available spending</span> and <span class="font-semibold text-[#111]">International routing</span> — allocation-derived limit and cross-border posture.</li>
            <li><a href="{{ route('cards.spending-controls') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Spending controls</a> · <a href="{{ route('cards.transactions') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Transaction history</a> · <a href="{{ route('cards.security-events') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Security activity</a>.</li>
            <li><a href="{{ route('accounts') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Accounts overview</a> — mandate balance and linked reserve context for this allocation.</li>
        </ol>
    </div>

    @if ($isAdmin)
        <div class="border-t border-[#ECECEC] bg-[#F5F7FA] px-4 py-3 md:py-4">
            <h2 class="text-[10px] font-semibold uppercase tracking-wider text-[#012169] mb-2">Administrator</h2>
            <p class="text-xs text-[#4A4A4A] leading-relaxed">
                Freeze, security holds, issuance, and simulation —
                <a href="{{ \App\Support\WorkspaceNavigation::controlPanelTreasuryCards() }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Control Panel · card governance</a>.
            </p>
        </div>
    @endif
</div>