/* results_rgraph.css — race graph (shares tgraph styles) */

/* ── Splits matrix table (Table tab in class view) ── */
.csvt-wrap {
  display: flex; align-items: flex-start;
}
.csvt-names {
  flex-shrink: 0; width: 150px;
  border-right: 2px solid var(--border);
  overflow-y: hidden; overflow-x: hidden;
  scrollbar-width: none;
  background: var(--white);
  display: flex; flex-direction: column;
}
.csvt-names::-webkit-scrollbar { display: none; }
.csvt-name-header {
  height: 44px; display: flex; align-items: center;
  padding: 0 10px;
  font-size: 10px; font-weight: 700; letter-spacing: .07em;
  text-transform: uppercase; color: var(--text-soft);
  background: var(--surface2);
  border-bottom: 1px solid var(--border);
  flex-shrink: 0;
}
.csvt-name-row {
  display: flex; align-items: center; gap: 5px;
  padding: 0 8px; height: 64px; flex-shrink: 0;
  border-bottom: 1px solid var(--border);
  cursor: pointer; background: var(--white);
}
.csvt-name-row.csvt-row-hl { background: var(--orange-dim); }
.csvt-dot {
  width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
}
.csvt-place {
  font-size: 11px; font-weight: 700; color: var(--text-soft);
  min-width: 22px; flex-shrink: 0;
}
.csvt-name-block {
  display: flex; flex-direction: column; justify-content: center;
  gap: 1px; overflow: hidden; min-width: 0;
}
.csvt-name-first {
  font-size: 11px; font-weight: 600; color: var(--text-soft);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2;
}
.csvt-name-last {
  font-size: 13px; font-weight: 700; color: var(--text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2;
}
.csvt-name-club {
  font-size: 10px; font-weight: 500; color: var(--text-soft);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.2;
}
.csvt-scroll {
  flex: 1; overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  display: flex; flex-direction: column;
}
.csvt-header-row {
  display: flex; flex-shrink: 0;
  background: var(--surface2);
  border-bottom: 1px solid var(--border);
  height: 44px;
}
.csvt-hdr-cell {
  width: 62px; max-width: 62px; box-sizing: border-box; flex-shrink: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border-right: 1px solid var(--border);
  padding: 4px 6px;
}
.csvt-hdr-cell.csvt-ctrl-label {
  font-size: 10px; font-weight: 700; color: var(--text-soft);
  letter-spacing: .05em; text-transform: uppercase;
  display: none;
}
.csvt-ctrl-seq { font-size: 13px; font-weight: 800; color: var(--orange); }
.csvt-ctrl-code { font-size: 9px; color: var(--text-soft); }
.csvt-data-row {
  display: flex; height: 64px; flex-shrink: 0;
  border-bottom: 1px solid var(--border);
  cursor: pointer;
}
.csvt-data-row.csvt-row-hl .csvt-cell { background: var(--orange-dim); }
.csvt-cell {
  width: 62px; max-width: 62px; box-sizing: border-box; flex-shrink: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  border-right: 1px solid var(--border);
  background: var(--white);
  padding: 3px 4px; gap: 0;
}
.csvt-divider { width: 100%; height: 1px; background: var(--border); margin: 2px 0; }
.csvt-cum { font-size: 11px; font-weight: 600; color: var(--text-soft); line-height: 1; }
.csvt-cum-pl { font-size: 9px; font-weight: 700; color: var(--text-soft); }
.csvt-cum-pl-row { display: flex; align-items: center; gap: 1px; line-height: 1; }
.csvt-cum-pl.p1 { color: #B8860B; }
.csvt-cum-pl.p2 { color: #9E9E9E; }
.csvt-cum-pl.p3 { color: #8B4513; }
.csvt-cell.csvt-final { background: var(--orange-dim); }
.csvt-data-row.csvt-row-hl .csvt-cell.csvt-final { background: rgba(232,99,26,0.2); }
.csvt-cell.csvt-best .csvt-leg { color: #2A9D5C; }
.csvt-cell.csvt-mp { color: var(--text-soft); font-size: 13px; }
.csvt-leg { font-size: 13px; font-weight: 700; color: var(--text); line-height: 1; }
.csvt-pl { font-size: 10px; font-weight: 700; color: var(--text-soft); }
.csvt-pl.p1 { color: #B8860B; }
.csvt-pl.p2 { color: #9E9E9E; }
.csvt-pl.p3 { color: #8B4513; }
.csvt-hdr-cell.csvt-final .csvt-ctrl-seq { color: var(--orange); }