/* ── Écran Stats mobile : catégories repliables (Sprint 3) ─────────────────
   Ordre : diagnostic commun à tous les réseaux, sélecteur de réseau, puis les analyses du
   réseau choisi. Chaque catégorie est un <details class="stats-pli">, replié par défaut.
   La section entière est masquée sur desktop (stats-desktop.css). */

.stats-m-groupe {
  font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
  color: rgba(var(--text-rgb),0.45);
  margin: 18px 2px 8px;
}
.stats-m-groupe:first-child { margin-top: 4px; }

#stats-mobile-section #stats-network-select { margin-bottom: 10px; }

.stats-pli {
  margin-bottom: 8px;
  border: 1px solid rgba(var(--text-rgb),0.1);
  border-radius: 14px;
  background: rgba(var(--text-rgb),0.025);
}
.stats-pli > summary {
  list-style: none;
  display: flex; align-items: center; gap: 6px;
  padding: 13px 14px;
  font-size: 14px; font-weight: 700; color: var(--text);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.stats-pli > summary::-webkit-details-marker { display: none; }
.stats-pli > summary::after {
  content: ''; margin-left: auto; flex: 0 0 auto;
  width: 8px; height: 8px;
  border-right: 2px solid rgba(var(--text-rgb),0.45);
  border-bottom: 2px solid rgba(var(--text-rgb),0.45);
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform 0.2s ease;
}
.stats-pli[open] > summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.stats-pli-corps { padding: 0 10px 10px; }
.stats-pli-corps > .card:last-child,
.stats-pli-corps > div > .card:last-child { margin-bottom: 0; }

/* Les cards reprises du desktop portent leur propre titre : le <summary> le remplace. */
.stats-pli-corps .stats-panel-title,
.stats-pli-corps #creneaux-card > .section-title:first-child { display: none; }

.stats-bilan-mois-libelle {
  font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--accent); margin-bottom: 6px;
}