/* Received Invoices — the few places this module's layout differs from the sent-invoice one.
 *
 * Everything else the page uses (.ei-surface, .ei-kpi-tile and its icon accents, .ei-btn) comes from
 * the E-Invoices stylesheet, which the host loads globally. Duplicating those rules here would give
 * the two grids two definitions of the same tile to drift apart. */

/* The sent-invoice strip lays out a fixed eight tracks because it always has eight tiles. This one
 * has six, plus up to two that appear only while a cancellation or a rejection is in flight, so the
 * track count has to follow the content: a fixed grid would leave holes at six and squeeze at eight.
 * auto-fit keeps every tile the same width, fills the row, and wraps on a narrow viewport without a
 * breakpoint of its own. */
.ri-kpi-strip {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

/* The wider tiles here leave room for a two-word label, which the pending ones have and the status
 * tiles do not. Truncating loses "pending", which is the entire distinction from the Cancelled and
 * Rejected tiles beside them, and an abbreviation would have to hold up in 13 languages. */
.ri-kpi-strip .ei-kpi-tile-attention .ei-kpi-tile-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.1;
}