/* La page Classements a deux onglets (19/09) : « En ligne » et « Cet
   appareil ». Le tableau reprend .cl-table (css/style.css). */

.cl-onglets { display: flex; gap: 8px; justify-content: center; margin: 4px 0 10px; }
.cl-onglet {
  padding: 8px 18px; border-radius: 99px; cursor: pointer;
  font: 800 13px/1 'Montserrat', system-ui, sans-serif; letter-spacing: 0.06em; text-transform: uppercase;
  color: #cfe3ff; background: rgba(8, 30, 96, 0.9); border: 2px solid rgba(110, 215, 255, 0.5);
}
.cl-onglet[aria-selected="true"] { color: #2a1300; background: linear-gradient(180deg, #ffe45c, #f5b400); border-color: #ffe38a; }
.cl-vue[hidden] { display: none; }

.cl-avatar { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; border: 2px solid #3da5ff; }
.cl-table .cl-drapeau svg { display: block; width: 22px; height: 15px; border-radius: 2px; }
.cl-points { font-weight: 800; color: #ffd257; }
.cl-table tr.cl-moi td { background: rgba(255, 210, 87, 0.16); }
.cl-table tr.cl-moi .cl-nom { color: #ffe38a; }
.cl-table tr.cl-separateur td { text-align: center; color: #7f94b8; border-top: 0; }