/* ========================================
   scoring-notice — aviso "el tiempo extra y los penales no cuentan
   para el puntaje". Reusado por el detalle del partido (header) y por
   la pantalla de palpitar. Ver app/views/tournament_matches/_scoring_notice
   y docs/features.md.
   ======================================== */

/* Banner (terminado) y toast (en vivo). El margen vive acá, no en el slot:
   cuando el partido no está en ET/PEN el slot queda vacío (sin alto ni gap). */
.scoring-notice {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: var(--radius);
  font-size: 12.5px;
  line-height: 1.4;
}

.scoring-notice > .ic { flex: none; margin-top: 1px; line-height: 0; }
.scoring-notice > .tx { margin: 0; }
.scoring-notice > .tx strong { display: block; color: var(--ink-bright); font-weight: 600; }

/* Banner informativo — partido terminado por alargue/penales (mockup C). */
.scoring-notice.-info {
  background: var(--sky-dim);
  border: 1px solid rgba(118, 188, 245, 0.3);
  color: var(--sky-soft);
}
.scoring-notice.-info > .ic { color: var(--sky); }

/* Toast en vivo — el partido entra a tiempo extra / penales (mockup E). */
.scoring-notice.-live {
  background: linear-gradient(180deg, var(--card), var(--card-2));
  border: 1px solid var(--line-strong);
  border-left: 3px solid var(--coral);
  color: var(--fg-2);
}
.scoring-notice.-live > .ic { color: var(--coral); }

/* Hint compacto en la pantalla de palpitar — partido de eliminación (mockup G). */
.scoring-hint {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 0;
  padding-top: 12px;
  border-top: 1px dashed var(--line);
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--fg-3);
  text-align: left;
}
.scoring-hint > .ic { flex: none; color: var(--accent); line-height: 0; }
.scoring-hint b { color: var(--fg-2); }