/* Sala F1: tablero de los avisos automáticos (bot:f1). Solo estilos de F1; los de fútbol están en football.css. */
.f1-board {
  --f1-accent: #e10600;
  box-sizing: border-box;   /* el chat no lo aplica globalmente: sin esto el borde y el relleno desbordan y se recorta el lado derecho */
  width: min(100%, 340px);
  padding: 2px 10px 2px 10px;
  border-left: 3px solid var(--f1-accent);
}
.f1-head {
  margin-bottom: 6px;
}
.f1-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
.f1-gp {
  margin-top: 1px;
  font-size: 12px;
  opacity: 0.65;
}
.f1-subtitle {
  margin: 8px 0 3px;
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.6;
}
.f1-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.f1-row {
  display: grid;
  grid-template-columns: 1.4em 4px 3.2em minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
  font-size: 13px;
  line-height: 1.25;
}
.f1-row.nocode {
  grid-template-columns: 1.4em 4px minmax(0, 1fr) auto;
}
.f1-pos {
  text-align: right;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.f1-bar {
  align-self: stretch;
  min-height: 14px;
  border-radius: 2px;
  background: #6b7280;
}
.f1-code {
  white-space: nowrap;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.f1-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.85;
}
.f1-extra {
  white-space: nowrap;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  opacity: 0.7;
}
.f1-row.first .f1-pos,
.f1-row.first .f1-code {
  color: #fbbf24;
  opacity: 1;
}
.f1-note {
  margin-top: 8px;
  font-size: 12px;
  opacity: 0.75;
}
.f1-start .f1-head {
  margin-bottom: 0;
}