/* ===== Layout ===== */
.playerRow{
  display:flex;
  align-items:center;
  gap:5px;
  padding:4px 0;
}

/* ===== POS (texto SIEMPRE blanco) ===== */
.playerPosCol{ flex:0 0 26px; display:flex; }

.playerPosBig{
width: 30px;
    height: 30px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:14px;
  letter-spacing:.3px;
  line-height:1;
  padding:6px 0;
  color:#fff !important; /* siempre blanco */
}

/* ===== Centro ===== */
.playerMid{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.playerName{
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-decoration:none;
}

.playerHighlights{

  display:flex;
  flex-wrap:wrap;
  gap:2px;
  font-size:11px;
}

.hl{
  display:inline-flex;
  align-items:center;
  gap:3px;
}

.hlMin{
  font-size:10px;
  font-weight:700;
  line-height:1;
  margin-left:-1px;   /* micro-ajuste óptico */
}


/* SofaScore SIEMPRE gris */
.hlSofa{
  color:#9e9e9e;
}
/* ===== PUNTOS (alineación perfecta) ===== */
.playerPointsCol{
  flex:0 0 auto;
  display:flex;
  align-items:center;       /* centra vertical respecto a la fila */
}

/* siempre como "caja" flex para centrar el número */
.playerPoints{
  display:flex;
  align-items:center;
  justify-content:center;

  height:30px;              /* mismo alto que tu POS */
  min-width:26px;
  padding:0 6px;            /* deja margen lateral aunque no sea ideal */
  line-height:30px;         /* ayuda a que no “caiga” por tipografía */

  font-weight:900;
  font-size:20px;
  text-decoration:none;
  background:transparent;
  cursor:pointer;
}

/* once ideal: mismo alto, solo cambia el fondo */
.playerPoints.isIdeal{
  background:#ffeb3b;
  border-radius:6px;
  /* NO cambies padding aquí (ya lo tiene .playerPoints) */
}


/* ===== Paleta (solo texto) ===== */
.c-success{ color:#5cb85c; }
.c-info{    color:#2196f3; } /* tu azul */
.c-warning{ color:#F90;    } /* tu naranja */
.c-danger{  color:#d9534f; }
.c-yellow{  color:#ffd900; }

/* ===== POS: fondos por posición ===== */
.playerPosBig.c-success{ background:#5cb85c; }
.playerPosBig.c-info{    background:#2196f3; }
.playerPosBig.c-warning{ background:#F90; }
.playerPosBig.c-danger{  background:#d9534f; }

/* Responsive */
@media (max-width:480px){
  .playerPosCol{ flex-basis:30px; }
  .playerPoints{ font-size:18px; }
}