/* Exploration des dépenses : les onglets restent utilisables sur un petit écran. */
.stats-tabs{
  display:flex;
  gap:8px;
  margin:12px 0 8px;
  overflow-x:auto;
  padding-bottom:2px;
  scrollbar-width:none;
}
.stats-tabs::-webkit-scrollbar{display:none}
.stat-tab{
  appearance:none;
  border:1px solid #d6e1dc;
  border-radius:999px;
  background:#fff;
  color:#386050;
  font:inherit;
  font-weight:700;
  padding:8px 12px;
  white-space:nowrap;
}
.stat-tab.active{background:#183b2b;border-color:#183b2b;color:#fff}
#statistics-context{min-height:18px;margin:8px 0;color:#416454;font-weight:700}
.ranking .stat-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  text-align:left;
  border:0;
  border-radius:14px;
  background:#f3f7f5;
  color:#183b2b;
  font:inherit;
  padding:12px;
}
.ranking .stat-row + .stat-row{margin-top:8px}
.stat-row > span{min-width:0;display:grid;gap:2px}
.stat-row b,.stat-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stat-row small{color:#5f746a}
.stat-row strong{white-space:nowrap;font-size:.95rem}
.stat-row.article-row{background:#fff;border:1px solid #e0e9e4}
.stat-row.article-row::after{content:"Modifier";color:#386050;font-size:.78rem;font-weight:700}
.subcategory-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  margin:8px 0;
}
.subcategory-row input{min-width:0}
#subcategory-editor{margin:12px 0}
@media(max-width:370px){.stat-tab{padding:7px 10px}.ranking .stat-row{padding:10px}.stat-row.article-row::after{display:none}}