/* NOMAD Live 3.41 compact signal-card presentation.
   Visual-only override: engine, detector, settlement and locked-signal data stay untouched. */

/* Keep one match per full-width row, but remove the tall source-list effect. */
.match-row {
  grid-template-columns:72px minmax(220px,1.12fr) 64px 180px minmax(360px,1.55fr) 64px;
  gap:10px;
  align-items:center;
  padding:12px;
}

.teams {font-size:13px;line-height:1.25}
.score {font-size:20px}

/* Fine-pointer hover cue: the summary is clickable to expand/collapse. */
@media (hover:hover) and (pointer:fine) {
  .match-wrap > .match-row:hover {
    box-shadow:inset 0 0 0 1px rgba(131,223,137,.75);
  }
}

/* Make every currently expanded match unmistakable without changing layout. */
.match-wrap[open] {
  box-shadow:
    0 0 0 2px rgba(131,223,137,.90),
    0 0 12px rgba(131,223,137,.12);
}

/* Separate every expanded detail panel from its summary with the same subtle green divider. */
.match-wrap[open] > .match-detail {
  border-top-color:rgba(131,223,137,.45);
}

/* Summary card = actionable referees only.
   N/A / FAIL / WAIT remain available in the expanded PRICE CHECK panel. */
.market .price-stack {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:5px;
  align-items:stretch;
}
.market .price-source-row {
  display:none;
}
.market .price-source-row.is-pass {
  display:block;
  min-width:0;
  padding:6px 8px;
  border:1px solid rgba(131,223,137,.13);
  border-radius:7px;
  background:rgba(131,223,137,.055);
}
.market .price-source-row.is-pass .price-source-name {
  display:none;
}
.market .price-source-row.is-pass .price-source-value {
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--green);
  font-size:8.5px;
  font-weight:900;
  line-height:1.2;
  text-align:left;
}

/* Always keep the final locked/selected quote obvious. */
.market .price-selected-row {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-top:1px;
  padding:7px 8px;
  border:1px solid rgba(242,210,27,.20);
  border-radius:7px;
  background:rgba(242,210,27,.06);
}
.market .price-selected-name {
  overflow:visible;
  color:var(--yellow);
  font-size:7.5px;
  font-weight:900;
  letter-spacing:.07em;
  white-space:nowrap;
}
.market .price-selected-value {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  font-weight:900;
  text-align:right;
}
.market .price-selected-row.has-price .price-selected-value {color:#fff}

/* The expanded card intentionally keeps all evidence and all source states. */
.match-detail {align-items:start}

@media(max-width:1050px) {
  .match-row {
    grid-template-columns:68px minmax(180px,1fr) 56px 165px minmax(310px,1.45fr) 60px;
    gap:7px;
  }
  .market .price-stack {grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}
  .market .price-source-row.is-pass .price-source-value {font-size:8px}
}

@media(max-width:820px) {
  .match-row {
    grid-template-columns:60px minmax(0,1fr) 54px 58px;
    grid-template-areas:'state match score cond' 'stats stats stats stats' 'market market market market';
    gap:7px;
    padding:10px 9px;
  }
  .statebox {grid-area:state}
  .match-main {grid-area:match}
  .score {grid-area:score}
  .quick {grid-area:stats}
  .cond {grid-area:cond;align-self:center}
  .market {
    grid-area:market;
    min-width:0;
    padding:7px;
    border-radius:8px;
    background:rgba(255,255,255,.025);
  }
  .market .price-stack {grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .market .price-source-row.is-pass {padding:6px 7px}
  .market .price-source-row.is-pass .price-source-value {font-size:7.8px}
  .market .price-selected-row {padding:7px;gap:7px}
  .market .price-selected-value {font-size:8.2px}
}

@media(max-width:520px) {
  .match-row {grid-template-columns:54px minmax(0,1fr) 48px 52px;gap:5px;padding:9px 8px}
  .minute {font-size:14px}
  .teams {font-size:11px}
  .score {font-size:17px}
  .quick {gap:4px}
  .market .price-stack {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .market .price-source-row.is-pass {padding:5px 6px}
  .market .price-source-row.is-pass .price-source-value {font-size:7.2px}
  .market .price-selected-name {font-size:6.8px}
  .market .price-selected-value {font-size:7.5px}
  .cond {min-width:48px;padding:6px 4px}
}