/* QUANTUM production refinements: online brand integration and live status. */
.background-field{
  background:none !important;
}
.brand-logo{
  content:url("/quantum-mark-v057.png") !important;
  mix-blend-mode:normal !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  object-fit:contain !important;
}
.node-row.active{
  color:var(--green) !important;
  text-shadow:0 0 10px rgba(38,243,126,.10);
}
.node-row.active .node-led,
.node-led{
  background:var(--green) !important;
  box-shadow:0 0 10px rgba(38,243,126,.38) !important;
}

/* Live selections: keep metadata separated and make the actual pick explicit. */
.position-meta{
  grid-template-columns:minmax(122px,138px) minmax(180px,250px) minmax(190px,1fr) auto !important;
  column-gap:18px !important;
}
.position-league,
.position-pub,
.position-ko{
  min-width:0;
}
.position-league{
  white-space:normal !important;
  line-height:1.25 !important;
}
.position-pub{
  white-space:normal !important;
  line-height:1.25 !important;
}
.position-match-block{
  min-width:0;
  display:grid;
  gap:7px;
}
.position-pick{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:7px 10px;
  min-width:0;
}
.position-pick span{
  color:#6f7a80;
  font-family:"Red Hat Display","Segoe UI",sans-serif;
  font-size:7px;
  font-weight:700;
  letter-spacing:.11em;
}
.position-pick strong{
  color:#f0f3f4;
  font-family:"Orbitron",Consolas,monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:.035em;
}

/* Visitor counter is telemetry, not a primary KPI. */
.access-open{
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:3px 10px !important;
  padding-top:14px !important;
}
.access-open strong{
  grid-row:1 !important;
  grid-column:2 !important;
  min-width:0 !important;
  font-size:11px !important;
  font-weight:500 !important;
  letter-spacing:.03em !important;
  color:#aeb7bc !important;
  text-align:right !important;
}
.access-open small{
  grid-column:1 / -1 !important;
  font-size:6px !important;
  opacity:.72;
}

/* Archive: make each official pick legible and visually secondary only to the match. */
.archive-position-row{
  min-height:76px !important;
  padding:11px 0 !important;
}
.archive-position-id{
  color:#9aa4aa !important;
}
.archive-position-main{
  gap:5px !important;
}
.archive-position-main strong{
  color:#f0f3f4 !important;
  font-size:14px !important;
  line-height:1.25 !important;
}
.archive-position-league{
  color:#9fd3e5 !important;
  font-size:8px !important;
}
.archive-position-market{
  display:inline-block;
  width:max-content;
  max-width:100%;
  padding:3px 7px;
  border-left:2px solid rgba(143,201,223,.42);
  background:rgba(143,201,223,.045);
  color:#e8edef !important;
  font-family:"Orbitron",Consolas,monospace !important;
  font-size:10px !important;
  font-weight:500 !important;
  line-height:1.3 !important;
  letter-spacing:.035em !important;
}
.archive-position-odd span,
.archive-position-result span{
  color:#788289 !important;
}
.archive-position-odd strong,
.archive-position-result strong{
  font-size:11px !important;
}

@media(max-width:1180px){
  .position-meta{
    grid-template-columns:minmax(120px,140px) minmax(170px,220px) minmax(170px,1fr) auto !important;
    column-gap:14px !important;
  }
}
@media(max-width:900px){
  .position-meta{
    grid-template-columns:1fr 1fr !important;
    gap:7px 14px !important;
  }
  .position-pub,.position-ko{
    text-align:left !important;
  }
}
