/* PM PERF: externalized Goal Average display CSS 2026-09-08 */
    .pm-stat-box {
        width: 136px;
        border: none;
        border-radius: 0;
        background: transparent;
        padding: 6px 10px;
        font-size: 10px;
        line-height: 1.4;
        color: #334155;
        box-shadow: none;
        box-sizing: border-box;
    }

    .pm-stat-box.home {
        padding-right: 12px;
        padding-left: 4px;
    }

    .pm-stat-box.away {
        padding-left: 12px;
        padding-right: 4px;
    }

    .pm-stat-line {
        display: flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
        min-height: 20px;
    }

    .pm-stat-box.home .pm-stat-line {
        justify-content: flex-end;
        text-align: right;
    }

    .pm-stat-box.away .pm-stat-line {
        justify-content: flex-start;
        text-align: left;
    }

    .pm-stat-label {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 12px;
        min-width: 12px;
        font-weight: 500;
        font-size: 11px;
        color: #334155;
        text-align: center;
        line-height: 1;
        flex: 0 0 12px;
    }

    .pm-stat-value {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        min-width: 28px;
        height: 18px;
        padding: 0;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 10px;
        font-weight: 500;
        line-height: 1;
        color: #fff;
        letter-spacing: 0;
        flex: 0 0 28px;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            inset 0 -1px 0 rgba(0, 0, 0, 0.10);
    }

    .pm-stat-box .pm-stat-line:nth-child(2) .pm-stat-value {
        font-size: 11px;
        font-weight: 600;
    }

    .pm-stat-green,
    .pm-stat-red,
    .pm-stat-blue {
        color: #fff;
    }

    .pm-stat-blue {
        background: #102a56;
    }

    .pm-stat-muted {
        color: #94a3b8;
    }

    .pm-stat-marker {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 10px;
        min-width: 10px;
        height: 18px;
        font-size: 13px;
        font-weight: 800;
        line-height: 1;
        flex: 0 0 10px;
    }

    .pm-stat-marker-strong {
        color: #168a34;
    }

    .pm-stat-marker-weak {
        color: #cf2f2f;
    }

    .pm-stat-marker-average {
        color: #e0b800;
    }

    .pm-stat-marker-unknown {
        color: #94a3b8;
    }

    @media (max-width: 768px) {
        .pm-stat-box {
            width: 122px;
            padding: 5px 8px;
            font-size: 10px;
        }

        .pm-stat-box.home {
            padding-right: 10px;
            padding-left: 3px;
        }

        .pm-stat-box.away {
            padding-left: 10px;
            padding-right: 3px;
        }

        .pm-stat-line {
            gap: 5px;
            min-height: 18px;
        }

        .pm-stat-label {
            width: 11px;
            min-width: 11px;
            font-size: 10px;
            flex: 0 0 11px;
        }

        .pm-stat-value {
            width: 25px;
            min-width: 25px;
            height: 17px;
            font-size: 9.5px;
            font-weight: 500;
            flex: 0 0 25px;
        }

        .pm-stat-marker {
            width: 9px;
            min-width: 9px;
            height: 17px;
            font-size: 12px;
            flex: 0 0 9px;
        }

        .pm-stat-box .pm-stat-line:nth-child(2) .pm-stat-value {
            font-size: 10.5px;
            font-weight: 600;
        }
    }

    @media (max-width: 480px) {
        .pm-stat-box {
            width: 112px;
            padding: 4px 6px;
            font-size: 9px;
        }

        .pm-stat-box.home {
            padding-right: 8px;
            padding-left: 2px;
        }

        .pm-stat-box.away {
            padding-left: 8px;
            padding-right: 2px;
        }

        .pm-stat-line {
            gap: 4px;
            min-height: 17px;
        }

        .pm-stat-label {
            width: 10px;
            min-width: 10px;
            font-size: 9px;
            flex: 0 0 10px;
        }

        .pm-stat-value {
            width: 23px;
            min-width: 23px;
            height: 16px;
            font-size: 9px;
            font-weight: 500;
            border-radius: 3px;
            flex: 0 0 23px;
        }

        .pm-stat-marker {
            width: 8px;
            min-width: 8px;
            height: 16px;
            font-size: 11px;
            flex: 0 0 8px;
        }

        .pm-stat-box .pm-stat-line:nth-child(2) .pm-stat-value {
            font-size: 9.8px;
            font-weight: 600;
        }
    }

    /* Prematcher pill spacing tune - gives goal-average pills more breathing room */
    .pm-stat-row,
    .pm-goal-avg-row,
    .pm-avg-row {
        gap: 7px;
        margin-bottom: 5px;
    }

    .pm-stat-row:last-child,
    .pm-goal-avg-row:last-child,
    .pm-avg-row:last-child {
        margin-bottom: 0;
    }

    .pm-stat-pill,
    .pm-goal-pill,
    .pm-avg-pill {
        margin-left: 2px;
        margin-right: 2px;
    }

    .pm-match-context-center,
    .pm-contextual-center,
    .pm-stat-middle {
        gap: 8px;
    }