.fg-wrap{
  display:grid; grid-template-columns:minmax(280px,360px) 1fr; gap:32px;
  margin-top:24px; align-items:center;
}

/* jauge */
.fg-gauge{ position:relative; display:flex; flex-direction:column; align-items:center; }
.fg-gauge svg{ width:100%; height:auto; display:block; overflow:visible; }
.fg-readout{ text-align:center; margin-top:-18px; }
.fg-score{ font-size:56px; font-weight:800; line-height:1; letter-spacing:-2px; font-variant-numeric:tabular-nums; }
.fg-label{ font-size:12px; font-weight:700; letter-spacing:1.5px; margin-top:8px; text-transform:uppercase; }

/* composantes */
.fg-components{ display:flex; flex-direction:column; gap:12px; }
.fg-comp{
  background:var(--panel2,#141a21); border:1px solid var(--border,#1d242b);
  border-radius:11px; padding:15px 17px; transition:border-color .15s;
}
.fg-comp:hover{ border-color:#2a333c; }
.fg-comp-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; gap:12px; }
.fg-comp-name{ font-size:13px; font-weight:600; color:var(--text,#e6e9ec); }
.fg-comp-val{ font-size:16px; font-weight:800; font-variant-numeric:tabular-nums; display:flex; align-items:center; gap:9px; white-space:nowrap; }
.fg-comp-badge{
  font-size:9.5px; font-weight:700; text-transform:uppercase; letter-spacing:.5px;
  padding:3px 8px; border-radius:5px; background:rgba(255,255,255,.05);
}
.fg-comp-bar{ height:7px; background:#0e1216; border-radius:5px; overflow:hidden; }
.fg-comp-bar i{ display:block; height:100%; border-radius:5px; transition:width .5s ease; }
.fg-comp-desc{ font-size:11px; color:#5a636c; margin-top:9px; line-height:1.45; }

/* couleurs par niveau */
.lv-ef{ color:#e5484d; } .bg-ef{ background:#e5484d; }
.lv-f{ color:#ff8c42; }  .bg-f{ background:#ff8c42; }
.lv-n{ color:#ffb020; }  .bg-n{ background:#ffb020; }
.lv-g{ color:#7dc95e; }  .bg-g{ background:#7dc95e; }
.lv-eg{ color:#12b981; } .bg-eg{ background:#12b981; }
.fg-comp-badge.lv-ef{ color:#e5484d; } .fg-comp-badge.lv-f{ color:#ff8c42; }
.fg-comp-badge.lv-n{ color:#ffb020; } .fg-comp-badge.lv-g{ color:#7dc95e; }
.fg-comp-badge.lv-eg{ color:#12b981; }

@media (max-width:820px){
  .fg-wrap{ grid-template-columns:1fr; gap:20px; }
  .fg-score{ font-size:44px; }
}