/*
 * Players to Watch grouped into one column per team.
 */

#playersToWatch {
  width:100%;
  max-width:100%;
  min-width:0;
}


#playersToWatch
.fbb-normal-player-grid.fbb-player-grid-grouped {
  width:100%;

  display:block !important;

  margin:0 !important;
}


#playersToWatch
.fbb-player-team-columns {
  width:100%;

  display:grid;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );

  align-items:start;

  gap:
    12px;
}


#playersToWatch
.fbb-player-team-column {
  width:100%;
  min-width:0;

  padding:
    11px;

  border:
    1px solid
    rgba(56,189,248,.14);

  border-radius:
    14px;

  background:
    linear-gradient(
      155deg,
      rgba(56,189,248,.045),
      rgba(15,21,31,.88) 45%,
      rgba(15,21,31,.88)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.025);
}


#playersToWatch
.fbb-player-team-header {
  width:100%;

  min-height:
    43px;

  margin:
    0 0 10px;

  padding:
    8px 10px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:
    8px;

  border:
    1px solid
    rgba(56,189,248,.13);

  border-radius:
    10px;

  background:
    rgba(8,15,24,.68);
}


#playersToWatch
.fbb-player-team-heading {
  min-width:0;

  display:flex;
  align-items:center;

  gap:
    7px;
}


#playersToWatch
.fbb-player-column-logo {
  width:
    27px;

  min-width:
    27px;

  height:
    27px;

  object-fit:
    contain;
}


#playersToWatch
.fbb-player-team-title {
  min-width:0;

  color:
    #f8fafc;

  font-family:
    "Oswald",
    "Arial Narrow",
    sans-serif;

  font-size:
    17px;

  font-weight:
    700;

  line-height:
    1.1;

  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}


#playersToWatch
.fbb-player-team-count {
  flex:
    0 0 auto;

  padding:
    4px 7px;

  border:
    1px solid
    rgba(0,177,255,.20);

  border-radius:
    999px;

  background:
    rgba(0,177,255,.07);

  color:
    #7dd3fc;

  font-size:
    9px;

  font-weight:
    850;

  line-height:
    1;

  white-space:
    nowrap;
}


#playersToWatch
.fbb-player-team-list {
  width:100%;

  display:grid;

  grid-template-columns:
    minmax(0,1fr);

  gap:
    9px;
}


#playersToWatch
.fbb-player-team-column
.fbb-normal-player-card {
  width:100%;
  min-width:0;

  margin:0 !important;

  padding:
    12px !important;

  border:
    1px solid
    rgba(56,189,248,.13) !important;

  border-radius:
    11px !important;

  background:
    #121923 !important;

  box-shadow:
    none !important;
}


/*
 * The team name is already displayed in the
 * column heading, so hide it inside every card.
 */

#playersToWatch
.fbb-player-team-column
.fbb-player-team {
  display:none !important;
}


#playersToWatch
.fbb-player-team-column
.fbb-normal-player-card strong {
  display:block;

  margin:
    0 0 7px;

  color:
    #ffffff !important;

  font-size:
    14px;

  font-weight:
    850;

  line-height:
    1.25;
}


#playersToWatch
.fbb-player-team-column
.fbb-normal-player-card span {
  display:block;

  color:
    #96a8b9 !important;

  font-size:
    10px;

  line-height:
    1.5;

  overflow-wrap:anywhere;
}


/* Slight highlight for the two team columns. */

#playersToWatch
.fbb-player-team-column:first-child
.fbb-player-team-header {
  border-left:
    3px solid
    #38bdf8;
}


#playersToWatch
.fbb-player-team-column:nth-child(2)
.fbb-player-team-header {
  border-left:
    3px solid
    #00ff87;
}


/* Mobile: stack one team under the other. */

@media(max-width:680px) {
  #playersToWatch
  .fbb-player-team-columns {
    grid-template-columns:
      minmax(0,1fr);

    gap:
      10px;
  }


  #playersToWatch
  .fbb-player-team-column {
    padding:
      9px;
  }


  #playersToWatch
  .fbb-player-team-header {
    min-height:
      41px;

    margin-bottom:
      8px;
  }


  #playersToWatch
  .fbb-player-team-title {
    font-size:
      16px;
  }


  #playersToWatch
  .fbb-player-team-count {
    font-size:
      8px;
  }


  #playersToWatch
  .fbb-player-team-column
  .fbb-normal-player-card {
    padding:
      11px !important;
  }
}


/* =========================================================
   PLAYER TEAM HEADINGS — VISIBILITY FIX
   ========================================================= */

#playersToWatch
.fbb-player-team-header {
  position:relative !important;

  inset:auto !important;

  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;

  z-index:1 !important;

  width:100% !important;
  max-width:100% !important;

  min-height:43px !important;
  height:auto !important;

  margin:
    0 0 10px !important;

  padding:
    8px 10px !important;

  display:flex !important;

  align-items:center !important;
  justify-content:space-between !important;

  gap:
    8px !important;

  visibility:visible !important;
  opacity:1 !important;

  overflow:visible !important;

  transform:none !important;
}


#playersToWatch
.fbb-player-team-heading {
  display:flex !important;

  align-items:center !important;

  gap:
    8px !important;

  visibility:visible !important;
  opacity:1 !important;
}


#playersToWatch
.fbb-player-team-title {
  display:block !important;

  color:
    #ffffff !important;

  visibility:visible !important;
  opacity:1 !important;

  font-size:
    17px !important;

  font-weight:
    850 !important;

  line-height:
    1.15 !important;

  text-transform:none !important;
}


#playersToWatch
.fbb-player-team-count {
  display:inline-flex !important;

  align-items:center !important;
  justify-content:center !important;

  visibility:visible !important;
  opacity:1 !important;
}


#playersToWatch
.fbb-player-column-logo {
  display:block !important;

  visibility:visible !important;
  opacity:1 !important;
}


@media(max-width:680px) {
  #playersToWatch
  .fbb-player-team-header {
    min-height:
      41px !important;

    margin-bottom:
      8px !important;

    padding:
      8px 9px !important;
  }


  #playersToWatch
  .fbb-player-team-title {
    font-size:
      16px !important;
  }
}


/* =========================================================
   PLAYER TEAM HEADER — FINAL FIX
   ========================================================= */

#playersToWatch
.fbb-player-team-header {
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;

  display:flex !important;

  align-items:center !important;
  justify-content:flex-start !important;

  gap:
    7px !important;

  padding:
    8px 8px !important;

  overflow:hidden !important;
}


#playersToWatch
.fbb-player-team-heading {
  min-width:0 !important;

  flex:
    1 1 auto !important;

  display:flex !important;

  align-items:center !important;

  gap:
    7px !important;

  overflow:
    visible !important;
}


#playersToWatch
.fbb-player-column-logo {
  width:
    25px !important;

  min-width:
    25px !important;

  max-width:
    25px !important;

  height:
    25px !important;

  min-height:
    25px !important;

  max-height:
    25px !important;

  flex:
    0 0 25px !important;

  margin:
    0 !important;

  object-fit:
    contain !important;

  visibility:
    visible !important;

  opacity:
    1 !important;
}


#playersToWatch
.fbb-player-team-title {
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;

  flex:
    1 1 auto !important;

  display:block !important;

  color:
    #ffffff !important;

  font-size:
    15px !important;

  font-weight:
    850 !important;

  line-height:
    1.15 !important;

  white-space:
    nowrap !important;

  overflow:
    visible !important;

  text-overflow:
    clip !important;

  visibility:
    visible !important;

  opacity:
    1 !important;
}


#playersToWatch
.fbb-player-team-count {
  min-width:
    max-content !important;

  flex:
    0 0 auto !important;

  margin-left:
    auto !important;

  padding:
    4px 6px !important;

  font-size:
    8px !important;

  letter-spacing:
    0 !important;

  white-space:
    nowrap !important;
}


/*
 * Maintain balanced team columns.
 */

#playersToWatch
.fbb-player-team-columns {
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    ) !important;

  align-items:
    stretch !important;
}


#playersToWatch
.fbb-player-team-column {
  min-width:
    0 !important;

  overflow:
    hidden !important;
}


@media(max-width:680px) {
  #playersToWatch
  .fbb-player-team-columns {
    grid-template-columns:
      minmax(0,1fr) !important;
  }


  #playersToWatch
  .fbb-player-team-title {
    font-size:
      16px !important;
  }


  #playersToWatch
  .fbb-player-team-count {
    padding:
      4px 7px !important;

    font-size:
      9px !important;
  }
}