.social_stat-tab-content { display:none; }
.social_stat-tab-content.active { display:block; }

.social_stat-card {
    background:#fff;
    padding:18px;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(20,20,30,0.06);
    border:1px solid #eee;
    margin-bottom:18px;
}

.social_stat-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:nowrap;
    min-width:0;
}

.social_stat-title { font-weight:800; font-size:18px; }
.social_stat-subtitle { font-size:13px; color:var(--muted); }
.social_stat-updated { text-align:right; white-space:nowrap; font-size:13px; color:var(--muted); }
.social_stat-updated div:last-child { font-weight:700; color:#111; }

.social_stat-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px;
    margin-top:14px;
}

.social_stat-item {
    background:#fff;
    padding:12px;
    border-radius:12px;
    border:1px solid #ececec;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
}

.social_stat-acaubt-name{font-weight:bold; color:#111}


.social_stat-item .label { font-size:13px; color:var(--muted); }
.social_stat-item .value { font-weight:800; font-size:20px; color:#111; font-family: Inter, "Segoe UI", Roboto, Arial, sans-serif;}
.social_stat-item .meta { font-size:12px; color:#8c9196; }

@media (max-width: 1024px) {
    .social_stat-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {

    .social_stat-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .social_stat-title {
        font-size: 16px;
    }

    .social_stat-updated {
        text-align: left;
        font-size: 12px;
    }


    .social_stat-card {
        padding: 14px;
    }

    .social_stat-item {
        padding: 10px;
        min-height: auto;
    }

    .social_stat-item .value {
        font-size: 18px;
    }

    .social_stat-item .label {
        font-size: 12px;
    }
}