/* NOMAD Live 3.41 · presentation-only bookmaker board.
   Provider/source identities stay behind the UI; only verified bookmaker names are rendered. */

.price-board {
  width:100%;
  min-width:0;
  font-variant-numeric:tabular-nums;
}

.price-board-grid {
  display:grid;
  grid-template-columns:minmax(105px,1.55fr) 58px 58px 42px 64px;
  gap:6px;
  align-items:center;
  min-width:0;
}

.price-board-head {
  padding:0 0 6px;
  color:var(--muted);
  font-size:6.8px;
  font-weight:900;
  letter-spacing:.055em;
  text-align:center;
  border-bottom:1px solid var(--line);
}

.price-board-head span:first-child {text-align:left}

.price-board-body {display:block}

.price-board-row {
  padding:6px 0;
  border-bottom:1px solid var(--line);
  font-size:8px;
  line-height:1.15;
  text-align:center;
}

.price-board-row > span,
.price-board-row > strong {
  min-width:0;
  white-space:nowrap;
}

.price-board-book {
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
  color:#c5cbc4;
  font-weight:900;
  transition:color .15s ease;
}

.price-board-book:hover {color:#fff}

.price-board-row > strong {
  font-size:7px;
  letter-spacing:.035em;
}

.price-board-row.is-pass > strong {color:var(--green)}
.price-board-row.is-wait > strong {color:var(--yellow)}
.price-board-row.is-no-odds > strong {color:var(--muted)}
.price-board-row.is-fail > strong {color:#ff8b8b}

.price-board-row.is-no-odds > span:not(.price-board-book) {color:var(--muted)}

.price-board-selected {
  margin-top:7px;
  padding-top:7px;
  border-top:1px solid rgba(131,223,137,.22);
}

.price-board-selected-title {
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  margin-bottom:2px;
}

.price-board-selected-title span {
  flex:none;
  color:var(--green);
  font-size:6.8px;
  font-weight:900;
  letter-spacing:.07em;
}

.price-board-selected-title strong {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:8px;
}

.price-board-row.is-selected {
  border-bottom:0;
  padding-bottom:1px;
}

.price-board-row.is-selected .price-board-book {color:var(--green)}
.price-board-row.is-selected > strong {color:var(--green)}

.price-board-empty {
  padding:9px 0;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:7px;
  font-weight:900;
  letter-spacing:.04em;
  text-align:center;
}

/* Read-only Source 6 / Bet365 reference. Two-row layout that never exceeds the match card. */
.market .bet365-reference {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:4px 6px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
  margin-top:5px;
  padding:6px 7px;
  border:1px solid rgba(131,223,137,.14);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  font-variant-numeric:tabular-nums;
  line-height:1.15;
}

.bet365-reference-label {
  grid-column:1 / -1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#aab2ab;
  font-size:6.8px;
  font-weight:900;
  letter-spacing:.045em;
  text-transform:none;
}

.bet365-reference-dot {display:none}

.bet365-reference-vs {
  grid-column:2;
  grid-row:2;
  color:#6f7a71;
  font-size:7px;
  font-weight:900;
  white-space:nowrap;
}

.bet365-reference-selection {
  grid-row:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  gap:4px;
  min-width:0;
  max-width:100%;
  overflow:hidden;
}

.bet365-reference-selection b {
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#eef2ee;
  font-size:8px;
  font-weight:900;
}

.bet365-reference-selection em {
  min-width:0;
  color:var(--green);
  font-size:7.2px;
  font-style:normal;
  font-weight:900;
  white-space:nowrap;
}

.bet365-reference.is-no-odds strong {
  grid-column:1 / -1;
  grid-row:2;
  min-width:0;
  color:var(--muted);
  font-size:7px;
  letter-spacing:.04em;
}

@media(max-width:700px) {
  .price-board-grid {
    grid-template-columns:minmax(78px,1.45fr) 46px 46px 34px 54px;
    gap:4px;
  }
  .price-board-head {font-size:6.4px}
  .price-board-row {font-size:7.6px;padding:6px 0}
  .price-board-row > strong {font-size:6.7px}
  .price-board-selected-title strong {font-size:7.6px}
  .market .bet365-reference {gap:3px 5px;padding:6px}
  .bet365-reference-label {font-size:6.4px}
  .bet365-reference-selection {gap:3px}
  .bet365-reference-selection b {font-size:7.5px}
  .bet365-reference-selection em {font-size:6.8px}
}

@media(max-width:520px) {
  .market .bet365-reference {
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:3px 4px;
    margin-top:4px;
    padding:5px 6px;
  }
  .bet365-reference-label {font-size:6px}
  .bet365-reference-vs {font-size:6.2px}
  .bet365-reference-selection {
    grid-template-columns:minmax(0,1fr);
    gap:1px;
  }
  .bet365-reference-selection b {font-size:7px}
  .bet365-reference-selection em {font-size:6.3px}
}

@media(max-width:420px) {
  .price-board-grid {
    grid-template-columns:minmax(70px,1.4fr) 42px 42px 30px 48px;
    gap:3px;
  }
  .price-board-head {font-size:5.9px;letter-spacing:.03em}
  .price-board-row {font-size:7.1px}
  .price-board-row > strong {font-size:6.2px;letter-spacing:0}
  .price-board-selected-title {gap:5px}
  .price-board-selected-title span {font-size:6.2px}
  .price-board-selected-title strong {font-size:7.2px}
  .market .bet365-reference {padding:5px}
  .bet365-reference-label {font-size:5.7px}
  .bet365-reference-selection b {font-size:6.6px}
  .bet365-reference-selection em {font-size:6px}
}