/* =========================================================
   SNS PHASE 7.4 - REFERENCE BAR + COLOR-CODED DELTA
   ========================================================= */

.pace-reference-bar{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}

.pace-reference-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:68px;
  padding:12px 15px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:#151a22;
}

.pace-reference-item.gtp{
  border-color:rgba(32,199,255,.45);
}

.pace-reference-item.gt3{
  border-color:rgba(255,255,255,.15);
}

.pace-reference-copy{
  min-width:0;
}

.pace-reference-kicker{
  display:block;
  margin-bottom:3px;
  color:#969daa;
  font-size:.70rem;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.pace-reference-item.gtp .pace-reference-kicker{
  color:#8be1ff;
}

.pace-reference-item.gt3 .pace-reference-kicker{
  color:#f2f3f5;
}

.pace-reference-time{
  display:block;
  color:#fff;
  font-family:Consolas,monospace;
  font-size:1.35rem;
  font-weight:800;
  white-space:nowrap;
}

.pace-reference-source{
  display:block;
  margin-top:3px;
  color:#9da4af;
  font-size:.80rem;
}

.pace-reference-classes{
  color:#aeb4be;
  font-size:.78rem;
  text-align:right;
  white-space:nowrap;
}

.pace-delta{
  font-family:Consolas,monospace;
  font-weight:900;
  white-space:nowrap;
}

/* Delta follows the same semantic tier color as the Pace Rating. */
.pace-delta.pro{
  color:#d9a9ff;
}

.pace-delta.elite{
  color:#ffc964;
}

.pace-delta.competitive{
  color:#60d77c;
}

.pace-delta.sport{
  color:#63d9ff;
}

.pace-delta.development{
  color:#ff7c86;
}

.pace-delta.none{
  color:#858c97;
}

/* Dedicated rating page: reference information now sits above the table. */
.reference-track-block .pace-reference-bar{
  margin-top:8px;
  margin-bottom:16px;
}

.reference-table th.delta-column,
.reference-table td.delta-column{
  text-align:center;
}

@media(max-width:760px){
  .pace-reference-bar{
    grid-template-columns:1fr;
  }

  .pace-reference-item{
    align-items:flex-start;
  }

  .pace-reference-classes{
    white-space:normal;
  }
}