/* Track record add-on. Uses site tokens.css + live party colours (D #1f5fbf, R #c8102e). */
:root{--tr-d:#1f5fbf;--tr-r:#c8102e;--tr-gold:#B8860B;--tr-gold-ink:#6B4E00;--tr-scale:8}
.tr-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:2px 6px 2px 4px;border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--white);cursor:pointer;font:500 11px/16px var(--mono);color:var(--muted);min-height:28px}
.tr-btn:hover,.tr-btn:focus-visible,.tr-btn[aria-expanded=true]{border-color:var(--ink);outline:none;box-shadow:0 0 0 2px var(--mint)}
.tr-meter{position:relative;width:84px;height:16px;flex:none}
.tr-meter::before{content:'';position:absolute;left:0;right:0;top:7px;height:2px;background:var(--line-soft)}
.tr-meter::after{content:'';position:absolute;left:41px;top:2px;width:2px;height:12px;background:var(--ink)}
.tr-dot{position:absolute;top:3px;width:10px;height:10px;margin-left:-5px;border:1.5px solid var(--white)}
.tr-dot.d{background:var(--tr-d);border-radius:50%}           /* D-lean miss = circle */
.tr-dot.r{background:var(--tr-r);border-radius:1px;transform:rotate(45deg)} /* R-lean miss = diamond */
.tr-dot.z{background:var(--ink);border-radius:50%}
.tr-txt b{color:var(--ink);font-weight:500}.tr-ld.d{color:var(--tr-d);font-weight:700}.tr-ld.r{color:var(--tr-r);font-weight:700}
.tr-m{display:none}.tr-m b{color:var(--ink)}.tr-none{display:inline-block;margin-top:4px;padding:1px 6px;border:1px dashed var(--muted);border-radius:var(--r-md);font:11px/18px var(--mono);color:var(--muted)}
/* popover */
.tr-pop{position:absolute;z-index:20;width:380px;background:var(--white);border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:0 12px 32px rgba(15,38,36,.25);padding:var(--sp-4);font-size:var(--fs-sm);color:var(--ink);text-align:left}
.tr-pop h4{margin:0;font:800 var(--fs-lg) var(--display)}.tr-pop .tr-k{font:var(--fs-xs) var(--mono);color:var(--muted);margin:2px 0 var(--sp-3)}
.tr-pop table{font-size:12px}.tr-pop th{font-size:10px;padding:4px}.tr-pop td{padding:6px 4px;font-family:var(--mono)}.tr-pop td:first-child{font-family:var(--body)}
.tr-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;background:none;font-size:20px;cursor:pointer;color:var(--ink)}
.tr-ok{font-weight:700}.tr-gap{margin-top:var(--sp-2);font:var(--fs-xs) var(--mono);color:var(--muted)}
.tr-sum{display:flex;gap:var(--sp-4);margin-bottom:var(--sp-3)}.tr-sum div{font:var(--fs-xs) var(--mono);color:var(--muted)}.tr-sum b{display:block;font:700 var(--fs-lg) var(--display);color:var(--ink)}
/* bold-call history line */
.bold-hist{display:block;font:var(--fs-xs) var(--mono);color:var(--tr-gold-ink);margin-top:2px}
/* section */
.tr-rank{display:grid;grid-template-columns:170px 1fr 150px;align-items:center;gap:var(--sp-3);padding:8px 0;border-top:1px solid var(--line-soft);font-size:var(--fs-sm)}
.tr-rank .nm{font-weight:600}.tr-strip{position:relative;height:22px;background:repeating-linear-gradient(90deg,var(--line-soft) 0 1px,transparent 1px 12.5%)}
.tr-strip .bar{position:absolute;left:0;top:8px;height:6px;background:var(--paper);border:1px solid var(--muted);border-radius:3px;margin:0}
.tr-strip .tr-dot{top:6px}.tr-strip .avg{position:absolute;top:0;width:3px;height:22px;background:var(--ink);margin-left:-1px}
.tr-rank .st{font:var(--fs-xs) var(--mono);color:var(--muted);text-align:right}.tr-rank .st b{font:700 var(--fs-md) var(--mono);color:var(--ink)}
.tr-axis{display:grid;grid-template-columns:170px 1fr 150px;gap:var(--sp-3);font:var(--fs-xs) var(--mono);color:var(--muted)}.tr-axis div{display:flex;justify-content:space-between}
.tr-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);font:var(--fs-xs) var(--mono);color:var(--muted);margin-bottom:var(--sp-3)}.tr-legend span{display:inline-flex;align-items:center;gap:6px}.tr-legend .tr-dot{position:static;margin:0}
@media(max-width:700px){
 .tr-meter{width:64px}.tr-meter::after{left:31px}.tr-btn .tr-txt{display:none}.tr-m{display:inline}.tr-race{display:none}.tr-none{font-size:10px;line-height:14px}
 .tr-pop{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;border-radius:var(--r-lg) var(--r-lg) 0 0;border-width:2px 0 0;max-height:75vh;overflow:auto;padding:var(--sp-5) var(--sp-4)}
 .tr-scrim{position:fixed;inset:0;background:rgba(15,38,36,.45);z-index:19}
 .tr-rank,.tr-axis{grid-template-columns:92px 1fr 74px;gap:var(--sp-2)}.tr-rank .st .w{display:none}
}