{{-- Shared index table styles --}}
<style>
    .idx-scroll { max-height: calc(100vh - 240px); overflow-y: auto; }
    .idx-scroll thead th {
        position: sticky; top: 0; z-index: 3;
        background: #eef1f5; border-bottom: 2px solid #dee2e6;
        font-size: .78rem; text-transform: uppercase; letter-spacing: .3px; color: #6c757d;
        padding: 8px 6px; white-space: nowrap;
    }
    .idx-scroll table td { font-size: .875rem; padding: 6px 6px; vertical-align: middle; }
    .party-avatar {
        width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
        font-size: .7rem; font-weight: 700; color: #fff; flex-shrink: 0;
    }
    .date-group-row td {
        background: #f8f9fa !important; font-size: .75rem; font-weight: 600; color: #6c757d;
        text-transform: uppercase; letter-spacing: .5px; padding: 6px 8px !important;
        border-bottom: 1px solid #e9ecef;
    }
    .sticky-totals { position: sticky; bottom: 0; z-index: 3; background: #1e293b; color: #e2e8f0; }
    .sticky-totals th { padding: 8px 6px; font-size: .8rem; font-weight: 600; border: none; }
    .num { font-variant-numeric: tabular-nums; font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace; }
    .num-amt { font-weight: 500; color: #334155; }
    .num-tax { font-weight: 400; color: #6c757d; }
    .num-total { font-weight: 700; color: #1e293b; }
    .tbl-actions { opacity: 1; }
</style>

{{-- Let Bootstrap dropdowns escape the .idx-scroll overflow clip by using
     Popper's fixed-positioning strategy. Applied once on DOM ready. --}}
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.idx-scroll [data-bs-toggle="dropdown"]').forEach(function (el) {
        bootstrap.Dropdown.getOrCreateInstance(el, {
            popperConfig: function (def) { return Object.assign({}, def, { strategy: 'fixed' }); }
        });
    });
});
</script>