/* Propriété de l'agent HOME (vue Statistiques). */

.stats-wrap {
  padding-top: var(--sp-5);
  padding-bottom: var(--sp-6);
  display: flex;
  flex-direction: column;
  gap: var(--sp-2);
}

.stats-summary { display: flex; gap: var(--sp-3); margin-bottom: var(--sp-2); }

.stats-section-title {
  font-size: var(--text-md);
  font-weight: 700;
  margin: var(--sp-5) 0 var(--sp-2);
}

.stats-chapter-list, .stats-type-list { display: flex; flex-direction: column; gap: var(--sp-3); }
.stats-chapter-row, .stats-type-row {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--sp-3) var(--sp-4);
}
.stats-chapter-row .hint, .stats-type-row .hint { margin-top: 6px; }

.stats-history-list { display: flex; flex-direction: column; gap: 8px; }
.stats-history-row {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  padding: var(--sp-3) var(--sp-4);
}
.stats-history-text { flex: 1; min-width: 0; }
.stats-history-mode { font-weight: 700; }
.stats-history-score { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }

.stats-community { min-height: 60px; display: flex; flex-direction: column; }
.stats-community-rank { margin-bottom: var(--sp-2); }
.stats-community-list { display: flex; flex-direction: column; gap: 6px; }
.stats-community-row {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: 8px 12px;
  border-radius: var(--radius-sm);
  background: var(--card);
  border: 1px solid var(--border);
}
.stats-community-pos { font-weight: 800; color: var(--text3); width: 32px; flex-shrink: 0; }
.stats-community-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 600;
}