{{--
    Loading skeleton for the company-credit ledger datagrid header (`b2b-credit-head`): five
    aligned columns (date, operation, amount, balance, details). The grid template lives in
    the view's scoped style block; hidden below 1024px like the real header.
--}}
<div class="b2b-credit-head border-b px-4 py-2.5 dark:border-gray-800">
    <div>
        <div
            class="shimmer"
            style="height: 16px; width: 60%; max-width: 90px;"
        ></div>
    </div>

    <div class="b2b-credit-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 70%; max-width: 120px;"
        ></div>
    </div>

    <div class="b2b-credit-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 60%; max-width: 90px;"
        ></div>
    </div>

    <div class="b2b-credit-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 60%; max-width: 90px;"
        ></div>
    </div>

    <div class="b2b-credit-divider">
        <div
            class="shimmer"
            style="height: 16px; width: 50%; max-width: 120px;"
        ></div>
    </div>
</div>
