/* Module statistiques d'activité (administration). Classes préfixées « statistiques- ».
   Couleurs : uniquement les jetons de app.css (thèmes clair et sombre). */

.statistiques-periode { margin: -6px 0 16px; }
.statistiques-sous-titre { font-size: 0.95rem; margin: 18px 0 6px; color: var(--text-2); }
.statistiques-bloc { display: block; }
.statistiques-mesure { text-align: right; font-size: 0.8rem; }

/* Graphiques : défilement horizontal dans leur carte sur petit écran, jamais la page. */
.statistiques-defilement { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.statistiques-defilement > .graphique { min-width: 520px; }
.statistiques-defilement > .graphique.statistiques-chaleur { min-width: 560px; }
.graphique .statistiques-zone { fill: transparent; }
.graphique .statistiques-zone:hover { fill: var(--selection); }
.statistiques-defilement .graphique g:hover .barre { fill: var(--action-hover); }

/* Tableaux */
.statistiques-tableau-court { max-height: 420px; margin-top: 12px; margin-bottom: 0; }
.statistiques-chemin { font-family: var(--police-mono); font-size: 0.82rem; overflow-wrap: anywhere; word-break: break-word; max-width: 360px; }
.statistiques-details { font-size: 0.82rem; color: var(--text-2); overflow-wrap: anywhere; max-width: 320px; }
.statistiques-secondes { font-size: 0.75rem; }
.statistiques-ligne-lien { cursor: pointer; }
.statistiques-ligne-lien:focus-within > * { background: var(--ligne-survol); }
.statistiques-inactif > * { color: var(--muted); }
.statistiques-utilisateurs .badge { margin: 1px 2px 1px 0; }
.statistiques-valeur-texte { font-size: 1.1rem; }

/* Aide */
.statistiques-aide summary { cursor: pointer; font-weight: 600; }
.statistiques-aide ul { margin: 10px 0 0; padding-left: 20px; color: var(--text-2); font-size: 0.9rem; }
.statistiques-aide li { margin-bottom: 6px; }

@media (max-width: 720px) {
  .statistiques-chemin, .statistiques-details { max-width: none; }
  .statistiques-mesure { text-align: left; }
}