/* ===== 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: 25px;
    height: 25px;
    border-radius: 4px;
    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;
}

/* ===== 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;
    min-height: 15px;
    line-height: 14px;
  
}

.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;
    min-width: 26px;
    padding: 0 6px;
    line-height: 30px;
    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; }

/* cuando no hay posición, dejamos el bloque vacío pero sin fondo */
.playerPosBig.posEmpty{
  background:transparent !important;
}

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


#contenedor_partido table td, 
#contenedor_partido table th {
    padding: 0;
    margin: 0;
    border-collapse: collapse; /* Recomendado para eliminar espacios entre bordes */
}



@media (max-width: 768px) {
#contenedor_partido {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
 padding:0px 5px;
}

}

/* ===== Manager pill (debajo de cada playerRow) ===== */
.playerManager{
  margin-bottom:3px;
  font-size:10px;
  line-height:1.1;
  clear:both;
}

.managerPill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 6px;
  border-radius:6px;
  font-weight:800;
  letter-spacing:.2px;
  text-transform:uppercase;
}

.managerPill i{ font-size:12px; line-height:1; }

.managerPill.isOk{
  color:#5cb85c;
  background:rgba(92,184,92,.10);
  border:1px solid rgba(92,184,92,.35);
}

.managerPill.isBad{
  color:#d9534f;
  background:rgba(217,83,79,.10);
  border:1px solid rgba(217,83,79,.35);
}