/*
 * Font sizing for the Analytics headline KPI figures.
 *
 * Six figures on one strip means the longest value — a peso balance like
 * ₱471,175,283.95 — sets the width of its own card. At Filament's default
 * stat value size that number is wider than the card it sits in on a
 * narrower screen, and the last character prints over its neighbour.
 *
 * The column count in AnalyticsKpiStripWidget::$columns is the real fix and
 * handles the common case; this is the headroom underneath it, so a figure
 * that outgrows its card shrinks to fit instead of colliding with the next
 * one. Scoped to .analytics-kpi-value, which only AnalyticsKpiStripWidget
 * emits, so nothing else in the panel is affected.
 *
 * tabular-nums keeps the digits on a fixed pitch: peso columns line up
 * vertically between cards, and a figure that changes width between renders
 * (a poll, a campaign switch) doesn't shuffle its own label.
 */

.analytics-kpi-value {
    font-size: 1.375rem;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;

    /* A peso figure with more groups than expected wraps inside its card
       rather than escaping it. Without this it clips at the border. */
    overflow-wrap: anywhere;
}

@media (max-width: 1023px) {
    .analytics-kpi-value {
        font-size: 1.125rem;
    }
}