/* modulo: classifica globale — riquadri statistiche e tabella dei punteggi */

.clgriglia {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px; margin: 6px 0 4px;
}
.clbox {
  background: #fff8e8; border: 2px solid var(--ink); border-radius: 4px;
  padding: 6px 8px; display: flex; align-items: baseline; gap: 6px;
}
.clbox > span { font-size: 7px; color: #7a6a4a; flex: 1 1 auto; }
.clbox > b { font-size: 9px; }

.cltab { margin: 4px 0; }
.clriga {
  display: grid; grid-template-columns: 26px 1fr auto; gap: 4px 6px;
  background: #fff8e8; border: 2px solid var(--ink); border-radius: 4px;
  padding: 6px 8px; margin-bottom: 4px; font-size: 8px; line-height: 1.6;
}
.clriga.mio { background: var(--acc); }
.clpos { font-size: 9px; color: #7a2c2c; }
.clnome { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.clpunti { font-size: 9px; text-align: right; }
.cldett { grid-column: 2 / -1; font-size: 7px; color: #7a6a4a; }
.clfin { color: #7a2c2c; }

.clinput {
  font-family: inherit; font-size: 10px; width: 100%;
  background: #fff8e8; color: var(--ink);
  border: 2px solid var(--ink); border-radius: 4px; padding: 8px; margin-bottom: 5px;
}
.clmsg { color: #7a2c2c; }
.clnota { line-height: 1.9; }