/* Rust-France – V5 historique et progression, extension visuelle indépendante */
#leaderboard-tab-pane .rf-v5-history-card {
  padding: clamp(17px,2.2vw,25px); border: 1px solid rgba(242,154,60,.24);
  border-radius: 17px; background: linear-gradient(115deg,#172231 0%,#141c29 60%,#172333 100%);
  color:#edf3fc; box-shadow:0 12px 28px rgba(0,0,0,.14); min-width:0;
}
#leaderboard-tab-pane .rf-v5-history-title {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:11px}
#leaderboard-tab-pane .rf-v5-eyebrow {display:block;color:#ffbd76;font-size:.72rem;font-weight:780;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}
#leaderboard-tab-pane .rf-v5-eyebrow i {margin-right:6px}
#leaderboard-tab-pane .rf-v5-history-title h2 {font-size:clamp(1.08rem,2vw,1.32rem);margin:0;font-weight:760}
#leaderboard-tab-pane .rf-v5-history-date {display:inline-flex;gap:7px;align-items:center;border:1px solid #3e5066;border-radius:99px;padding:7px 12px;font-size:.75rem;color:#c4d2e4;white-space:normal}
#leaderboard-tab-pane .rf-v5-history-description {color:#b3c2d4;font-size:.86rem;line-height:1.65;margin:0 0 16px}
#leaderboard-tab-pane .rf-v5-history-description strong {color:#dbe7f5}
#leaderboard-tab-pane .rf-v5-personal-change {display:flex;gap:8px 14px;flex-wrap:wrap;align-items:center;margin-top:13px;color:#bacce0;font-size:.78rem}
#leaderboard-tab-pane .rf-v5-personal-change strong {color:#ebf3fa}
#leaderboard-tab-pane .rf-v5-movement {display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;padding:4px 7px;letter-spacing:.01em}
#leaderboard-tab-pane .rf-v5-movement.is-up {color:#a5f1c7;background:rgba(32,168,112,.16);border:1px solid rgba(69,206,145,.24)}
#leaderboard-tab-pane .rf-v5-movement.is-down {color:#ffb8b8;background:rgba(220,77,77,.13);border:1px solid rgba(239,118,118,.23)}
#leaderboard-tab-pane .rf-v5-movement.is-flat {color:#c5d1e0;background:rgba(146,160,179,.12);border:1px solid rgba(159,173,192,.2)}
#leaderboard-tab-pane .rf-v5-rank-badge {font-size:.67rem;padding:3px 5px;margin:4px 0 0;display:inline-flex}
#leaderboard-tab-pane .col-rank .rank-pill {display:inline-flex}
#leaderboard-tab-pane .rf-v5-trend {background:rgba(4,10,18,.22);border:1px solid rgba(160,184,209,.15);border-radius:13px;padding:15px 18px}
#leaderboard-tab-pane .rf-v5-trend-header {display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#e9eff7;font-weight:710;font-size:.83rem}
#leaderboard-tab-pane .rf-v5-trend-header small {color:#95a9bf;font-size:.74rem}
#leaderboard-tab-pane .rf-v5-trend-bars {min-width:0;display:flex;align-items:flex-end;gap:10px;height:130px;margin-top:14px}
#leaderboard-tab-pane .rf-v5-trend-column {height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1;min-width:0;gap:5px}
#leaderboard-tab-pane .rf-v5-trend-column strong {font-size:.75rem;color:#e8eff8;font-variant-numeric:tabular-nums}
#leaderboard-tab-pane .rf-v5-trend-column small {color:#afbed1;font-size:.71rem}
#leaderboard-tab-pane .rf-v5-bar-track {height:76px;width:100%;max-width:65px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(144,161,181,.07);border-radius:6px;overflow:hidden}
#leaderboard-tab-pane .rf-v5-bar-fill {display:block;width:100%;min-height:4px;border-radius:5px 5px 0 0;background:linear-gradient(0deg,#d87d29,#ffc070)}
@media(max-width:600px) {
 #leaderboard-tab-pane .rf-v5-history-card {padding:15px}
 #leaderboard-tab-pane .rf-v5-trend {padding:12px 9px}
 #leaderboard-tab-pane .rf-v5-trend-bars {gap:5px}
 #leaderboard-tab-pane .rf-v5-trend-column strong {font-size:.66rem}
 #leaderboard-tab-pane .rf-v5-rank-badge {margin-left:4px}
}


/* RF V5.0.1 — Rang + évolution : affichage vertical sans chevauchement.
   Les thèmes Matrix imposent des largeurs fixes et des min-width aux rank-pill. */
body #leaderboard-tab-pane .leaderboard-table th.col-rank,
body #leaderboard-tab-pane .leaderboard-table td.col-rank {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}
#leaderboard-tab-pane .leaderboard-table tbody td.col-rank .rf-v5-rank-stack {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    white-space: normal !important;
}
body #leaderboard-tab-pane .leaderboard-table tbody td.col-rank .rank-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    padding: .28rem .46rem !important;
    margin: 0 !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}
body #leaderboard-tab-pane .leaderboard-table tbody td.col-rank .rf-v5-rank-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 3px 7px !important;
    margin: 0 !important;
    font-size: .68rem !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
@media (max-width: 767.98px) {
    body #leaderboard-tab-pane .leaderboard-table tbody td.col-rank {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        align-items: flex-start !important;
    }
    #leaderboard-tab-pane .leaderboard-table tbody td.col-rank .rf-v5-rank-stack {
        align-items: flex-start !important;
        width: 100% !important;
    }
}