
/* V88 — professional live-match controls */

.pm-pro-team{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.pm-pro-team.right{
  justify-content:flex-end!important;
}
.pm-team-icon{
  width:28px!important;
  height:28px!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#eef4fb!important;
  border:1px solid #dbe5f0!important;
  flex:0 0 28px!important;
}
.pm-team-icon svg{
  width:15px!important;
  height:15px!important;
  fill:none!important;
  stroke:#31547f!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.pm-team-icon.is-home{
  background:#edf5ff!important;
}
.pm-team-icon.is-away{
  background:#f3f6fa!important;
}

/* Score entry */
.pm-score-controls{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  border-top:1px solid #edf2f7!important;
}
.pm-score-side{
  min-width:0!important;
  border:1px solid #dfe7f1!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  padding:10px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:7px 10px!important;
  align-items:center!important;
}
.pm-score-side.rival{
  background:#fcfcfd!important;
}
.pm-score-side-label{
  color:#718096!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.05em!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pm-score-side>strong{
  font-size:20px!important;
  color:#15233b!important;
  line-height:1!important;
}
.pm-score-buttons{
  grid-column:1/-1!important;
  display:flex!important;
  gap:6px!important;
}
.pm-score-buttons button{
  flex:1!important;
  height:31px!important;
  border:1px solid #d7e2ef!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#1d4ed8!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.pm-score-buttons button:hover{
  background:#eff6ff!important;
  border-color:#9bb9e4!important;
}

/* The clock control in the toolbar must be a real start/pause control. */
#pm-clock-btn-top{
  min-width:112px!important;
}
#pm-clock-btn-top.pm-pro-btn-live{
  background:#2563eb!important;
  border-color:#2563eb!important;
  color:#fff!important;
}
#pm-clock-btn-top.pm-pro-btn-live:hover{
  background:#1d4ed8!important;
  border-color:#1d4ed8!important;
}

/* Keep lower clock controls visually coherent */
#pm-clock-btn{
  min-width:112px!important;
}

@media(max-width:720px){
  .pm-score-controls{grid-template-columns:1fr!important}
}
