/* Prossima sessione: frame originale, elenco convocati verticale con avatar. */
.v4-player-skin .next-session-v4 .session-people{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  margin-top:10px;
}
.v4-player-skin .next-session-v4 .session-person{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  min-height:58px;
  padding:8px 12px 8px 9px!important;
  border-radius:12px!important;
  background:rgba(8,13,18,.78)!important;
  color:#e5d9c3!important;
  font:700 15px/1.2 Arial,sans-serif!important;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.v4-player-skin .next-session-v4 .session-person-avatar{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  margin-right:12px;
  overflow:hidden;
  border:1px solid rgba(198,154,76,.38);
  border-radius:50%;
  background:#121820;
  color:#c9aa72;
  font:800 16px/1 Arial,sans-serif;
  box-shadow:0 4px 12px rgba(0,0,0,.26);
}
.v4-player-skin .next-session-v4 .session-person-avatar img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.v4-player-skin .next-session-v4 .session-person-name{
  min-width:0;
  flex:1 1 auto;
  overflow-wrap:anywhere;
}
.v4-player-skin .next-session-v4 .session-person::after{
  content:"";
  display:grid;
  place-items:center;
  flex:0 0 27px;
  width:27px;
  height:27px;
  margin-left:12px;
  border:1px solid rgba(198,154,76,.20);
  border-radius:50%;
  background:rgba(255,255,255,.025);
}
.v4-player-skin .next-session-v4 .session-person.is-me:not(.is-confirmed){
  border-color:#c69a4c!important;
  color:#1b1208!important;
  background:#c69a4c!important;
}
.v4-player-skin .next-session-v4 .session-person.is-me:not(.is-confirmed) .session-person-avatar{
  border-color:rgba(23,16,6,.34);
  background:rgba(23,16,6,.10);
  color:#24170c;
}
.v4-player-skin .next-session-v4 .session-person.is-me:not(.is-confirmed)::after{
  border-color:rgba(23,16,6,.28);
  background:rgba(23,16,6,.08);
}
.v4-player-skin .next-session-v4 .session-person.is-confirmed{
  border-color:rgba(85,211,126,.55)!important;
  color:#d9f7e2!important;
  background:linear-gradient(180deg,rgba(49,137,78,.28),rgba(24,84,43,.24))!important;
  box-shadow:inset 0 0 0 1px rgba(86,218,130,.05),0 4px 12px rgba(0,0,0,.14);
}
.v4-player-skin .next-session-v4 .session-person.is-confirmed .session-person-avatar{
  border-color:rgba(98,216,137,.72);
  box-shadow:0 0 0 2px rgba(74,195,113,.08),0 4px 12px rgba(0,0,0,.24);
}
.v4-player-skin .next-session-v4 .session-person.is-confirmed::after{
  content:"✓";
  border-color:#62d889;
  background:#2f9e59;
  color:#f5fff8;
  font:900 17px/1 Arial,sans-serif;
  box-shadow:0 0 0 3px rgba(74,195,113,.10);
}
@media(max-width:760px){
  .v4-player-skin .next-session-v4 .session-person{
    min-height:54px;
    font-size:14px!important;
  }
  .v4-player-skin .next-session-v4 .session-person-avatar{
    flex-basis:38px;
    width:38px;
    height:38px;
    margin-right:10px;
  }
}
.v4-player-skin .next-session-v4{
  position:relative;
  overflow:hidden;
}

.v4-player-skin .next-session-v4 .next-session-bg{
  display:none;
}

.v4-player-skin .next-session-v4::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(
      90deg,
      rgba(10,13,17,.76) 0%,
      rgba(10,13,17,.54) 52%,
      rgba(10,13,17,.74) 100%
    ),
    url('/legacy-v4/next-session-bg.webp.webp?v=5');
  background-repeat:no-repeat,no-repeat;
  background-position:center center,center top;
  background-size:100% 100%,100% auto;
  pointer-events:none;
  z-index:1;
}

@media(max-width:820px){
  .v4-player-skin .next-session-v4::before{
    background-position:center center,center top;
    background-size:100% 100%,100% auto;
  }
}

.v4-player-skin .next-session-v4 .card-pad{
  position:relative;
  z-index:2;
}

/* Mantiene "Prossima sessione" nella posizione originale e porta solo "Convocazioni" sopra al titolo. */
.v4-player-skin .next-session-v4 .next-session-heading{
  position:relative;
}
.v4-player-skin .next-session-v4 .next-session-heading small{
  position:absolute;
  left:31px;
  bottom:calc(100% + 1px);
  margin-left:0!important;
  white-space:nowrap;
}


/* V5.0.36 — il frame convocazioni mantiene la propria altezza.
   Oltre 5 convocati, i tag si compattano progressivamente invece di allungare la card. */
.v4-player-skin .next-session-v4 .session-people.is-auto-fit{
  height:var(--lr-session-list-height)!important;
  max-height:var(--lr-session-list-height)!important;
  grid-auto-rows:var(--lr-session-row-height)!important;
  gap:var(--lr-session-gap)!important;
  overflow:hidden;
  align-content:start;
}
.v4-player-skin .next-session-v4 .session-people.is-auto-fit.is-auto-fit-scroll{
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
.v4-player-skin .next-session-v4 .session-people.is-auto-fit .session-person{
  min-height:var(--lr-session-row-height)!important;
  height:var(--lr-session-row-height)!important;
  padding:2px var(--lr-session-side-padding)!important;
  border-radius:clamp(7px,calc(var(--lr-session-row-height) * .21),12px)!important;
  font-size:var(--lr-session-font-size)!important;
  line-height:1.08!important;
}
.v4-player-skin .next-session-v4 .session-people.is-auto-fit .session-person-avatar{
  flex:0 0 var(--lr-session-avatar-size)!important;
  width:var(--lr-session-avatar-size)!important;
  height:var(--lr-session-avatar-size)!important;
  margin-right:var(--lr-session-avatar-gap)!important;
  font-size:clamp(10px,calc(var(--lr-session-font-size) * .95),15px)!important;
}
.v4-player-skin .next-session-v4 .session-people.is-auto-fit .session-person-name{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v4-player-skin .next-session-v4 .session-people.is-auto-fit .session-person::after{
  flex:0 0 var(--lr-session-check-size)!important;
  width:var(--lr-session-check-size)!important;
  height:var(--lr-session-check-size)!important;
  margin-left:var(--lr-session-avatar-gap)!important;
  font-size:clamp(10px,calc(var(--lr-session-font-size) * 1.05),15px)!important;
}
.v4-player-skin .next-session-v4 .session-people.is-auto-fit[data-participant-count="6"] .session-person-name{
  font-weight:750;
}
