/* League One Match Centre preview v4: scoreboard team links + pre-match detail. */

.l1mc-scoreboard .l1mc-team-profile-link{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .12s ease,border-color .12s ease;
}
.l1mc-scoreboard .l1mc-team-profile-link:hover,
.l1mc-scoreboard .l1mc-team-profile-link:focus-visible{
  color:#37dff0;
  border-bottom-color:#37dff0;
  outline:none;
}

.l1mc-prematch-detail{
  max-width:640px;
  margin:0 auto;
}
.l1mc-pm-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:12px;
  color:#e7eaf4;
}
.l1mc-pm-heading>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.l1mc-pm-heading b{font-size:14px;}
.l1mc-pm-heading span{
  color:#9fa8c5;
  font-size:10px;
}
.l1mc-pm-kickoff{
  flex:0 0 auto;
  text-align:right;
}
.l1mc-pm-teamheads{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  background:rgba(255,255,255,.022);
  color:#f0f2f8;
}
.l1mc-pm-teamheads strong:first-child{text-align:right;}
.l1mc-pm-teamheads strong:last-child{text-align:left;}
.l1mc-pm-teamheads span{
  color:#8992ae;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.l1mc-pm-subtabs{
  display:flex;
  justify-content:center;
  gap:5px;
  margin:10px 0;
}
.l1mc-pm-subtabs button{
  border:0;
  border-radius:7px;
  padding:5px 10px;
  background:#555b84;
  color:#edf0f8;
  font:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.l1mc-pm-subtabs button.selected{
  background:#09cfe3;
  color:#fff;
}
.l1mc-pm-table{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
}
.l1mc-pm-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);
  align-items:center;
  min-height:34px;
  border-top:1px solid rgba(255,255,255,.035);
  background:rgba(255,255,255,.012);
  font-variant-numeric:tabular-nums;
}
.l1mc-pm-section:first-child+.l1mc-pm-row{border-top:0;}
.l1mc-pm-home,
.l1mc-pm-away{
  padding:7px 14px;
  color:#e6e9f3;
  font-weight:800;
}
.l1mc-pm-home{text-align:right;}
.l1mc-pm-away{text-align:left;}
.l1mc-pm-label{
  padding:7px 8px;
  color:#9fa8c3;
  text-align:center;
  font-size:10px;
  font-weight:750;
}
.l1mc-pm-row.is-emphasis{
  background:rgba(18,207,227,.045);
}
.l1mc-pm-row.is-emphasis .l1mc-pm-home,
.l1mc-pm-row.is-emphasis .l1mc-pm-away{
  color:#50dfed;
}
.l1mc-pm-section{
  display:flex;
  justify-content:center;
  padding:5px 8px;
  background:rgba(255,255,255,.04);
  border-top:1px solid rgba(255,255,255,.045);
  color:#c4c9db;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.l1mc-pm-section:first-child{border-top:0;}
.l1mc-pm-form{
  display:inline-flex;
  gap:3px;
  align-items:center;
  justify-content:inherit;
}
.l1mc-pm-edge{
  margin-top:9px;
  padding:7px 10px;
  border-radius:7px;
  background:rgba(18,207,227,.055);
  color:#c8f6fb;
  text-align:center;
  font-size:10px;
  font-weight:850;
}
.l1mc-pm-note{
  margin-top:7px;
  color:#858fac;
  text-align:center;
  font-size:9px;
  line-height:1.35;
}
.l1mc-pm-lineups-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:205px;
  padding:26px 18px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:8px;
  background:rgba(255,255,255,.016);
  text-align:center;
}
.l1mc-pm-lineups-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:10px;
  border:1px solid rgba(55,223,240,.45);
  border-radius:50%;
  color:#37dff0;
  font-weight:900;
}
.l1mc-pm-lineups-empty b{
  color:#edf0f8;
  font-size:13px;
}
.l1mc-pm-lineups-empty span{
  margin-top:4px;
  color:#aeb5cc;
  font-size:10px;
}
.l1mc-pm-lineups-empty p{
  max-width:390px;
  margin:9px 0 0;
  color:#818aa6;
  font-size:10px;
  line-height:1.4;
}

/* Week selector state: Current is active only for the real current week. When
   browsing another window, the viewed date range becomes the highlighted chip. */
.l1mc-window-nav .l1mc-current{
  background:#4b4b78;
  border-color:rgba(255,255,255,.10);
  color:#fff;
}
.l1mc-window-nav .l1mc-current.is-current-window{
  background:#00aecd;
  border-color:rgba(0,220,232,.35);
}
.l1mc-window-nav b{
  padding:4px 7px;
  border:1px solid transparent;
  border-radius:7px;
}
.l1mc-window-nav b.is-viewed-window{
  background:#00aecd;
  border-color:rgba(0,220,232,.35);
  color:#fff;
}

@media (max-width:700px){
  .l1mc-prematch-detail{max-width:none;}
  .l1mc-pm-heading{
    gap:8px;
    margin-bottom:9px;
  }
  .l1mc-pm-heading b{font-size:13px;}
  .l1mc-pm-heading span{font-size:9px;}
  .l1mc-pm-teamheads{
    gap:6px;
    padding:8px 7px;
  }
  .l1mc-pm-teamheads strong{
    font-size:11px;
    line-height:1.15;
  }
  .l1mc-pm-teamheads span{font-size:7.5px;}
  .l1mc-pm-row{
    grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);
    min-height:32px;
  }
  .l1mc-pm-home,
  .l1mc-pm-away{
    padding:6px 7px;
    font-size:11px;
  }
  .l1mc-pm-label{
    padding:6px 4px;
    font-size:9px;
  }
  .l1mc-pm-section{font-size:8px;}
  .l1mc-pm-edge{font-size:9.5px;}
  .l1mc-pm-lineups-empty{min-height:180px;}
}