.stat-block.statistics { display: none }
.stat-block.online-list {
    display: none;
}

.stat-block.online-list.visible {
    display: block;
    border-radius: 0 0 7px 7px;
}

.flatstats-wrapper {
    margin-top: 15px;
    border-radius: 4px;
    overflow: hidden;
}

/* Bandeau titre */
.flatstats-header {
    background: inherit;
    color: #fff;
    padding: 8px 12px;
    font-weight: 600;
    text-transform: uppercase;
}

/* Bloc stats */
.flatstats {
    background: #f0f0f0;
    display: flex;
    justify-content: space-around;
    padding: 15px 10px;
}

.flatstat {
    flex: 1;
    text-align: center;
}

/* Chiffres */
.flat-number {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

/* Labels */
.flat-label {
    font-size: 11px;
    color: #666;
}

/* Couleurs proches Flatboots */
.flatstat:nth-child(1) .flat-number { color: #3d7004; }
.flatstat:nth-child(2) .flat-number { color: #3d7004; }
.flatstat:nth-child(3) .flat-number { color: #ff6b6b; }
.flatstat:nth-child(4) .flat-number { color: #bd10e0; }
.flatstat:nth-child(5) .flat-number { color: #f5a623; }

/* Lien dernier utilisateur */
.flat-last-user {
    text-decoration: none;
    font-weight: 600;
}

.flat-last-user:hover {
    text-decoration: underline;
}

/* Toggle flèche */
.flat-toggle {
    margin-left: 6px;
    cursor: pointer;
    font-size: 11px;
    display: inline-block;
    transition: transform 0.2s ease;
}

.flat-toggle.active {
    transform: rotate(180deg);
}

/* Bloc "qui est en ligne" caché par défaut */
.stat-block.online-list {
    display: none;
}

/* état visible */
.stat-block.online-list.visible {
    display: block;
}