/* =========================================================================
   Shared mobile stat-card style — single source of truth.

   Every admin page that shows a `.stats-grid` of `.stat-card`s (icon +
   `.stat-info` h3/p) used to carry its own identical copy of this block in
   its per-page *-mobile.css. They drifted (Partners / Providers / QR never
   got it, so their cards rendered at the oversized responsive.css default).
   This file consolidates the card sizing/layout so all pages match and new
   pages are covered automatically.

   Scope notes:
   - `.stat-card:has(.stat-info)` targets only the standard structure, so the
     Gallery cards (which use `.stat-value`/`.stat-label`, no `.stat-info`)
     keep their own distinct 3-col compact style.
   - Per-page CSS still owns the `.stats-grid` container (column count,
     relocation, margins) — only the card interior is standardised here.
   - Loaded LAST among the mobile stylesheets so it wins over the generic
     responsive.css `.stat-card` / `.stat-card h3` defaults.
   ========================================================================= */

@media (max-width: 767px) {
    .stats-grid .stat-card:has(.stat-info) {
        padding: 14px !important;
        border-radius: 12px !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }
    .stats-grid .stat-card .stat-icon {
        width: 42px !important;
        height: 42px !important;
    }
    .stats-grid .stat-card .stat-icon svg {
        width: 20px !important;
        height: 20px !important;
    }
    .stats-grid .stat-card .stat-info h3 {
        font-size: 1.25rem !important;
        margin: 0 !important;
    }
    .stats-grid .stat-card .stat-info p {
        font-size: 0.7rem !important;
        margin: 2px 0 0 0 !important;
    }
    .stats-grid .stat-card .stat-trend {
        font-size: 0.7rem !important;
        margin-top: 4px !important;
    }
}