/* Sales reps tab: rep cards with KPI bars, quarter history badges. Uses the app's tokens only. */
.rr .rp-chips { margin: 4px 0 10px; }
.rr .rp-cards { align-items: start; }
.rr .rp-card { display: flex; flex-direction: column; gap: 10px; }
.rr .rp-cardhead { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.rr .rp-cardhead h3 { margin: 0; }
.rr .rp-team { color: var(--color-fg-muted); font-weight: 500; text-transform: none; letter-spacing: 0; font-size: var(--cds-font-size-caption); }
.rr .rr-pill.rp-met { color: var(--color-ok); border-color: currentColor; }
.rr .rp-big { font-family: var(--font-display); font-weight: 800; font-size: 1.875rem; line-height: 1.1; font-variant-numeric: tabular-nums; }
.rr .rp-kpis { display: flex; flex-direction: column; gap: 12px; }
.rr .rp-kpi { display: flex; flex-direction: column; gap: 4px; }
.rr .rp-kpirow { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font-size: var(--cds-font-size-body); }
.rr .rp-kpirow b { font-variant-numeric: tabular-nums; white-space: nowrap; }
.rr .rp-bar { position: relative; height: 8px; border-radius: 4px; background: var(--cds-chart-grid); }
.rr .rp-bar > i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background: var(--series-1); }
.rr .rp-kpi-met .rp-bar > i { background: var(--color-ok); }
.rr .rp-bar > s { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--cds-chart-reference); text-decoration: none; }
.rr .rp-detail { font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }
.rr .rp-kpi-met .rp-detail { color: var(--color-ok); }
.rr .rp-history { display: flex; flex-direction: column; gap: 16px; }
.rr .rp-quarter { display: flex; flex-direction: column; gap: 6px; }
.rr .rp-qhead { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.rr .rp-qhead h4 { margin: 0; font-size: var(--cds-font-size-body); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.rr .rp-hist td { vertical-align: top; }
.rr .rp-badge { display: inline-block; font-size: var(--cds-font-size-caption); font-weight: 700; white-space: nowrap; }
.rr .rp-badge.is-yes { color: var(--color-ok); }
.rr .rp-badge.is-no { color: var(--color-bad); }
.rr .rp-badge::before { content: ""; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: currentColor; margin-right: 6px; vertical-align: .05em; }
.rr .rp-sub { display: block; color: var(--color-fg-muted); font-size: var(--cds-font-size-caption); white-space: nowrap; }
.rr .rp-bonus { font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
.rr .rp-of { margin-left: 6px; font-weight: 400; font-size: var(--cds-font-size-caption); color: var(--color-fg-muted); }