/* ============================================================
   ÉCRAN BILAN
   ============================================================ */

.score-badge-box {
  max-width: 180px;

  margin: 0 auto;

  padding: 24px;

  background: linear-gradient(
    180deg,
    var(--surface-card) 0%,
    var(--surface) 100%
  );

  border: 1px solid var(--brand);
  border-radius: 16px;

  text-align: center;

  box-shadow: 0 8px 25px var(--brand-glow);
}

.sb-label {
  margin-bottom: 4px;

  color: var(--dim);

  font-size: 9px;
  font-weight: 700;

  letter-spacing: .1em;
}

.sb-value {
  color: var(--brand);

  font-size: 42px;
  font-weight: 800;

  line-height: 1;
}

.sb-max {
  color: var(--dim);

  font-size: 18px;
}

.summary-module-row {
  margin-bottom: 14px;
}

.sm-info {
  display: flex;
  justify-content: space-between;

  margin-bottom: 6px;

  font-size: 13px;
}

.sm-title {
  color: #ffffff;
  font-weight: 500;
}

.sm-score {
  color: var(--muted);

  font-family: var(--mono);
}

.sm-progress-bar {
  height: 4px;

  background: var(--surface);

  border-radius: 2px;

  overflow: hidden;
}

.sm-progress-fill {
  height: 100%;

  background: var(--brand);
}