/* Keep both scoreboard surfaces identical. Blue ribbons = EAN, purple = appointments. */
.top img, #tv .tvtop img, .topbar img {
  width:clamp(220px,24vh,280px); height:auto; min-height:0;
  aspect-ratio:1568 / 172; object-fit:cover; object-position:top;
}
.topbar img { width:190px; }
.tv-agent-row, #tv .tv-agent-row {
  grid-template-columns: minmax(155px,1.15fr) minmax(180px,1.6fr) minmax(100px,.8fr);
}
.tv-awards { display:flex; flex-direction:column; gap:4px; margin-top:6px; }
.tv-award { display:flex; align-items:center; gap:6px; min-height:18px; }
.tv-award-label { font-size:clamp(10px,1vh,12px); font-weight:600; white-space:nowrap; color:#b9d3ec; }
.tv-award-appts .tv-award-label { color:#d0bfeb; }
.tv-award-note { color:#a7b5c6; font-size:9px; font-weight:600; }
.tv-award-empty .tv-award-label { color:#a4b0c1; font-weight:500; }
.tv-award-unranked {
  display:grid; place-items:center; width:16px; flex-shrink:0;
  color:#6e8199; font-size:14px; font-weight:600;
}
.tv-medal {
  --ribbon:#78a9cf;
  position:relative; isolation:isolate; display:grid; place-items:center;
  width:16px; height:16px; flex-shrink:0;
  border-radius:50%; border:1px solid #ffe7a0;
  font-size:9px; font-weight:800; line-height:1;
  background:linear-gradient(135deg,#f9e5a0,#cba345); color:#493600;
  box-shadow:inset 0 0 0 1px #ffffff30;
}
.tv-medal::before {
  content:""; position:absolute; z-index:-1; top:-3px; left:4px; right:4px; height:3px;
  background:var(--ribbon); clip-path:polygon(0 0,40% 0,50% 55%,60% 0,100% 0,75% 100%,25% 100%);
}
.tv-award-appts .tv-medal { --ribbon:#ab8ed2; }
.tv-medal-silver { background:linear-gradient(135deg,#f1f6ff,#9cacc1); border-color:#d7e2f2; color:#35445a; }
.tv-medal-bronze { background:linear-gradient(135deg,#ffe0b2 0%,#e9a269 45%,#bc692f 100%); border-color:#ffc78e; color:#482006; }
.tv-medal-wood {
  border-radius:3px;
  background:repeating-linear-gradient(0deg,#241a13 0 3px,#4c3926 3px 4px,#302318 4px 6px);
  border-color:#78644b; color:#fff2dc;
  box-shadow:none;
}
.tv-medal-wood::before { display:none; }
.tv-medal-plain { background:#34465e; color:#d7e2f2; border-color:#6c819b; }
@media (max-width:1050px) and (min-width:761px) {
  .tv-agent-row, #tv .tv-agent-row { grid-template-columns:minmax(125px,1fr) minmax(130px,1.2fr) minmax(82px,.7fr); gap:8px; padding:10px; }
  .tv-awards { gap:5px; }
  .tv-s-pill, #tv .tv-s-pill { padding:8px 6px; }
}
@media (max-width:760px) {
  .tv-agent-row, #tv .tv-agent-row { grid-template-columns:minmax(130px,1fr) minmax(90px,1fr); min-height:150px; }
  .tv-a-sales-breakdown { grid-row:2; grid-column:1 / -1; }
  .tv-a-sales-total { grid-row:1; grid-column:2; }
}