/* ===== Onderdeel Tijdritten =====
   Gebruikt ook de algemene blokken uit takenbord.css: .hero, .bib, .ev-select, .ev-date, .stats, .tabs, .list, .gh, .filters, .addrow, .tplbox */
.tr-opm{margin:6px 0 0}
.tr-uitleg{margin:0 0 10px;font-size:13px}
.tr-acts{gap:8px;flex-wrap:wrap}
.tr-gh{margin-top:16px}

/* uitslag- en rennerregels */
.tr-rij{display:grid;grid-template-columns:40px 1fr auto 70px;gap:4px 10px;align-items:center;width:100%;padding:8px 12px 8px 6px;border:none;border-top:1px solid var(--line);background:none;text-align:left}
.list>.tr-rij:first-child{border-top:none}
.tr-rij:hover{background:var(--surface2)}
.tr-pl{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;justify-self:center;font-family:var(--display);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums;background:var(--surface2);color:var(--muted)}
.tr-rij.p1 .tr-pl{background:#E8B923;color:#3A2C00}
.tr-rij.p2 .tr-pl{background:#BFC5CA;color:#22292E}
.tr-rij.p3 .tr-pl{background:#C9844B;color:#2E1500}
.tr-naam{min-width:0}
.tr-naam b{display:block}
.tr-tijd{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;white-space:nowrap}
.tr-tijd b{font-family:var(--display);font-size:20px;line-height:1.1}
.tr-tijd span{font-size:12px;color:var(--muted)}
.tr-status{color:var(--muted);font-size:13px;font-style:italic}
.tr-verschil{font-size:13px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tr-warn{color:var(--soon);font-weight:600;white-space:nowrap}
.tr-renner{grid-template-columns:1fr auto}
.tr-best{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-variant-numeric:tabular-nums;font-size:14px;white-space:nowrap}
.tr-best small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.tr-res{margin-bottom:8px}
.tr-res .tr-rij{grid-template-columns:40px 1fr auto}

/* tijden invullen */
.tr-invul .tr-r{display:grid;grid-template-columns:36px minmax(120px,1fr) 92px 92px 92px 84px 58px;gap:6px;align-items:center;padding:6px 10px;border-top:1px solid var(--line)}
.tr-invul .tr-r:first-child{border-top:none}
.tr-kop{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface2)}
.tr-nr{font-variant-numeric:tabular-nums;color:var(--muted);text-align:center}
.tr-wie{border:none;background:none;padding:4px 0;text-align:left;font-weight:600;min-width:0;overflow-wrap:anywhere}
.tr-wie:hover{color:var(--accent);text-decoration:underline}
.tr-wie small{font-weight:500;color:var(--muted)}
.tr-r.uit .tr-t,.tr-r.uit .tr-eind{opacity:.45}
input.tr-t{min-height:36px;padding:5px 8px;font-variant-numeric:tabular-nums;text-align:right}
input.tr-t.fout{border-color:var(--late);background:var(--late-soft)}
.tr-eind{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.tr-eind.warn{color:var(--soon)}
.tr-eind.warn::before{content:"⚠ "}
.tr-kmh{text-align:right;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.tr-invul .tr-kop span:nth-child(n+3){text-align:right}

/* historiek */
.tr-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}
.tr-record{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;box-shadow:var(--shadow);border-left:4px solid var(--club-2)}
.tr-record b{display:block;font-size:17px}
.tr-hist .tr-h{display:grid;grid-template-columns:150px repeat(3,1fr);gap:8px;align-items:start;padding:8px 12px;border-top:1px solid var(--line)}
.tr-hist .tr-h:first-child{border-top:none}
.tr-hist .tr-h>span{min-width:0}
.tr-hist .linkbtn{font-weight:600;text-align:left;color:var(--ink);text-decoration:none}
.tr-hist .linkbtn:hover{color:var(--accent);text-decoration:underline}
.tr-jaar{border:none;background:none;padding:0;text-align:left}
.tr-jaar b{font-family:var(--display);font-size:20px;color:var(--accent)}
.tr-jaar:hover b{text-decoration:underline}

@media (max-width:640px){
  .tr-rij{grid-template-columns:36px 1fr auto}
  .tr-verschil{grid-column:2/-1;text-align:left;margin-top:-2px}
  .tr-verschil:empty{display:none}
  .tr-invul .tr-kop{display:none}
  .tr-invul .tr-r{grid-template-columns:28px 1fr 1fr 1fr;grid-template-areas:"nr wie wie wie" ". t1 t2 t3" ". eind eind kmh"}
  .tr-invul .tr-nr{grid-area:nr}.tr-invul .tr-wie{grid-area:wie}
  .tr-invul .tr-t:nth-of-type(1){grid-area:t1}.tr-invul .tr-t:nth-of-type(2){grid-area:t2}.tr-invul .tr-t:nth-of-type(3){grid-area:t3}
  .tr-invul .tr-eind{grid-area:eind;text-align:left}.tr-invul .tr-kmh{grid-area:kmh}
  .tr-hist .tr-h{grid-template-columns:1fr 1fr}
  .tr-hist .tr-kop{display:none}
  .tr-hist .tr-jaar{grid-column:1/-1}
}
.tr-rij.ro{cursor:default}
.tr-rij.ro:hover{background:none}