/* mobile-top-row: regions + overview side by side */
    .mobile-top-row { display: contents; }
    /* Mobile-only sections: hidden on desktop */
    .mobile-mid-row, .mobile-bottom-row { display: none; }

    @media (max-width: 768px) {
        html, body { overflow: auto !important; height: auto !important; }

        .dashboard-layout {
            display: flex !important;
            flex-direction: column !important;
            height: auto !important;
            gap: 0.45rem !important;
            padding-bottom: 0.75rem;
        }

        .left-col { display: contents !important; }

        /* Hide all desktop-only sections on mobile */
        .dashboard-layout > .stats-section,
        .dashboard-layout > .bottom-stats-row { display: none !important; }

        /* Show mobile-only sections */
        .mobile-mid-row {
            display: flex !important;
            gap: 0.45rem !important;
        }
        .mobile-bottom-row {
            display: flex !important;
            gap: 0.45rem !important;
        }

        /* ── Hero ── */
        .dashboard-hero-card {
            flex-direction: row !important;
            justify-content: center !important;
            align-items: center !important;
            gap: 0.6rem;
            padding: 0.7rem 0.9rem !important;
            min-height: auto !important;
            border-radius: 10px;
        }
        .dashboard-hero-card h1 { font-size: 1.6rem !important; padding-bottom: 0 !important; white-space: nowrap; }
        .hero-desc { font-size: 0.72rem; white-space: normal; }

        /* ── Regions + Overview side by side ── */
        .mobile-top-row { display: flex !important; gap: 0.45rem; }
        .regions-section { flex: 1 1 0; border-radius: 10px; min-width: 0; }
        .regions-list {
            display: grid !important;
            grid-template-columns: 1fr 1fr !important;
            flex-direction: unset !important;
            overflow: visible !important;
            padding: 0.3rem !important;
            gap: 0.3rem !important;
        }
        .region-item {
            padding: 0.3rem 0.25rem !important;
            border-radius: 7px !important;
            gap: 0.25rem !important;
            justify-content: center;
            flex-direction: column;
            align-items: center;
        }
        .region-sub { display: none; }
        .region-name { font-size: 0.55rem !important; text-align: center; }
        .region-icon img { width: 20px !important; height: 15px !important; }

        /* Overview: fill full height next to regions */
        .overview-stats-box {
            flex: 1 1 0;
            border-radius: 10px;
            min-width: 0;
            display: flex !important;
            flex-direction: column !important;
        }
        .overview-stats-inner {
            grid-template-columns: 1fr !important;
            gap: 0.2rem !important;
            padding: 0.25rem !important;
            flex: 1 !important;
            align-content: stretch !important;
        }
        .overview-stats-inner .overview-stat-card[style*="grid-column"] { grid-column: auto !important; }
        .overview-stat-card {
            padding: 0 0.25rem !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            flex: 1 !important;
        }
        .overview-stat-label { font-size: 0.48rem !important; }
        .overview-stat-value { font-size: 1.35rem !important; }

        /* ── Headers ── */
        .section-header, .stats-header { padding: 0.35rem 0.6rem !important; font-size: 0.65rem !important; }

        /* ── Shared item sizing ── */
        .stats-section { height: auto !important; border-radius: 10px; }
        .stats-content { overflow-y: auto !important; }
        .team-item { padding: 0.35rem 0.3rem !important; gap: 0.3rem !important; }
        .team-icon, .team-icon img { width: 18px !important; height: 18px !important; }
        .team-name { font-size: 0.65rem !important; }
        .team-picks { font-size: 0.42rem !important; }
        .team-winrate { font-size: 0.75rem !important; }
        .team-rank { display: none !important; }

        /* ── Mid row: Top Teams + Worst WR ── */
        .mobile-mid-row .stats-section { flex: 1 1 0 !important; min-width: 0; height: auto !important; }
        .mobile-mid-row .stats-content { overflow-y: hidden !important; }
        .mobile-mid-row .team-grid { grid-template-columns: 1fr !important; }
        .mobile-mid-row .team-item { padding: 0.2rem 0.3rem !important; }

        /* ── Bottom row: Most Wins + Most Matches ── */
        .mobile-bottom-row .stats-section { flex: 1 1 0 !important; min-width: 0 !important; height: 220px !important; display: flex !important; flex-direction: column !important; }
        .mobile-bottom-row .stats-content { flex: 1 !important; overflow-y: hidden !important; height: 0 !important; padding: 0.4rem !important; background: var(--bg) !important; }
        .mobile-bottom-row .team-item { padding: 0.2rem 0.3rem !important; }

        .breadcrumb { margin-bottom: 0.3rem; font-size: 0.72rem; }

        /* Mobile scrimming: inline badge next to name, slightly smaller, "Scrim" label */
        .team-live-badge {
            font-size: 0.38rem !important;
            padding: 0.04rem 0.22rem !important;
        }
        .badge-full { display: none !important; }
        .badge-short { display: inline !important; }
    }