/* NOMAD Live 3.41 · signal match events presentation only.
   Uses the existing browser-side event memory; no source requests or detector changes. */

.match-detail.is-flow-columns.has-signal-match-events > .detail-signal-lock-card {
  grid-column:1;
  grid-row:1;
}

.match-detail.is-flow-columns.has-signal-match-events > .signal-match-events-card {
  grid-column:2;
  grid-row:1;
}

.match-detail.is-flow-columns.has-signal-match-events > .detail-left-stack {
  grid-column:1;
  grid-row:2;
}

.match-detail.is-flow-columns.has-signal-match-events > .detail-right-stack {
  grid-column:2;
  grid-row:2;
}

.signal-match-events-card h3 {
  margin-bottom:7px;
}

.signal-match-events-list {
  display:grid;
  gap:3px;
}

.signal-match-event {
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  min-height:24px;
  padding:4px 6px;
  border-radius:6px;
  background:rgba(255,255,255,.025);
  font-size:8px;
}

.signal-match-event b {
  color:#c8d1ca;
  font-size:8px;
  letter-spacing:.025em;
}

.signal-match-event strong {
  color:#fff;
  font-size:9px;
}

.signal-match-minute {
  color:#8f9b92;
  font-size:8px;
  font-weight:900;
}

.signal-match-event.is-lock b,
.signal-match-event.is-home b {
  color:var(--green);
}

.signal-match-event.is-away b {
  color:#c8d1ca;
}

.signal-match-note {
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid var(--line);
  color:var(--yellow);
  font-size:7px;
  line-height:1.35;
}

@media(max-width:700px) {
  .match-detail.is-flow-columns.has-signal-match-events > .detail-signal-lock-card {order:0}
  .match-detail.is-flow-columns.has-signal-match-events > .signal-match-events-card {order:1}
  .match-detail.is-flow-columns.has-signal-match-events .detail-rolling-card {order:2}
  .match-detail.is-flow-columns.has-signal-match-events .detail-pressure-card {order:3}
  .match-detail.is-flow-columns.has-signal-match-events .detail-detector-card {order:4}
  .match-detail.is-flow-columns.has-signal-match-events .detail-flow-card {order:5}
  .match-detail.is-flow-columns.has-signal-match-events .detail-price-card {order:6}
}

@media(max-width:420px) {
  .signal-match-event {grid-template-columns:38px minmax(0,1fr) auto;gap:5px;padding:4px 5px}
  .signal-match-event b,.signal-match-minute {font-size:7.5px}
  .signal-match-event strong {font-size:8.5px}
}