/* Grand-total row, appended by components/table-totals.js to any table marked data-totals.
   Global because the behaviour is global -- the first version of this lived in contracts.css
   and would have left every other module's total row unstyled. */

.app-table tfoot [data-totals-row] > td,
.app-list-view__table tfoot [data-totals-row] > td,
table tfoot [data-totals-row] > td {
    background: var(--tbl-foot-bg, #d4e2f0);
    color: var(--tbl-foot-text, #002b4f);
    border-block-start: 2px solid var(--tbl-foot-rule, #005c9e);
    font-weight: 700;
    white-space: nowrap;
}

/* Sits under the last row while the body scrolls, so the figure stays reachable on a long
   list instead of requiring a scroll to the bottom to read it. */
table tfoot [data-totals-row] > td {
    position: sticky;
    inset-block-end: 0;
    z-index: 1;
}