{{-- Single ordered reference for Task queue: lanes, rails, operator actions, admin links. --}}
@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-2 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]">Company lane</h2>
            <p class="text-xs text-[#4A4A4A] leading-relaxed">Operational invoices and card spend under company policy. Approve for treasury settlement and clear authorizations that need company oversight.</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]">Earnings &amp; reimbursements</h2>
            <p class="text-xs text-[#4A4A4A] leading-relaxed">Mandate invoices, personal reimbursements for out-of-pocket spend outside company funds, and refund filing back to your mandate balance.</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">Transactions, payouts, and internal transfers run on Stripe Treasury rails.</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">Operator workflow</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]">Approve for settlement</span> — primary action on each task card.</li>
            <li><span class="font-semibold text-[#111]">Open invoice queue</span> — full payables list in <a href="{{ \App\Support\WorkspaceNavigation::hrefForOperatorSurfaceWhenCpanelPreview('payables') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Payables</a>.</li>
            <li><span class="font-semibold text-[#111]">Mandate timeline</span> — <a href="{{ \App\Support\WorkspaceNavigation::hrefForOperatorSurfaceWhenCpanelPreview('earnings-ledger') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Earnings settlement history</a>.</li>
            <li>Earnings-side invoices are issued by administrators from the Control Panel issuance hub — contact your platform admin if a task is missing.</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>
            <ul class="text-xs text-[#4A4A4A] grid grid-cols-1 sm:grid-cols-2 gap-x-6 gap-y-1.5 leading-relaxed">
                <li><a href="{{ \App\Support\WorkspaceNavigation::controlPanelTaskQueueDirectives() }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Directives &amp; notifications</a> — publish processing updates to the operator queue.</li>
                <li><a href="{{ \App\Support\WorkspaceNavigation::controlPanelTaskQueueInvoiceHub() }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Invoice issuance hub</a> — create earnings and operational invoices (line items must sum to amount).</li>
                <li><a href="{{ \App\Support\WorkspaceNavigation::controlPanelInvoiceTemplates() }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Invoice templates</a> — template metadata and domains.</li>
                <li><a href="{{ \App\Support\WorkspaceNavigation::hrefForOperatorSurfaceWhenCpanelPreview('payables') }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Payables</a> — operator invoice queue view.</li>
                <li><a href="{{ \App\Support\WorkspaceNavigation::controlPanelFeatureFlags() }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Feature toggles</a> — settlement automation and staging.</li>
                <li><a href="{{ \App\Support\WorkspaceNavigation::controlPanelOutboundSecurity() }}" class="font-semibold text-[#012169] underline-offset-2 hover:underline">Outbound security</a> — holds affecting payouts and mandate flows.</li>
            </ul>
        </div>
    @endif
</div>