.rep-grid{grid-template-columns:1.4fr 1fr;gap:14px;display:grid}.rep-bars{grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:240px;padding:24px 24px 16px;display:grid}.rep-bar{flex-direction:column;align-items:center;gap:8px;height:100%;display:flex}.rep-bar-track{flex:1;align-items:flex-end;width:100%;display:flex;position:relative}.rep-bar-fill{background:linear-gradient(180deg, var(--mint-dark), var(--mint));cursor:pointer;border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:100%;padding-top:6px;transition:filter .15s;display:flex;position:relative}.rep-bar-fill:hover{filter:brightness(1.05)}.rep-bar.is-lopend .rep-bar-fill{background:repeating-linear-gradient(45deg, var(--mint), var(--mint) 6px, var(--mint-dark) 6px, var(--mint-dark) 12px)}.rep-bar-val{font-family:var(--font-mono);color:var(--midnight);letter-spacing:.02em;white-space:nowrap;font-size:9px;font-weight:600}.rep-bar-lbl{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:10px}.rep-spark{align-items:flex-end;gap:4px;height:200px;padding:24px 24px 8px;display:flex}.rep-spark-bar{background:var(--mint);cursor:pointer;border-radius:3px 3px 0 0;flex:1;min-height:4px;transition:background .15s}.rep-spark-bar:hover{background:var(--mint-dark)}.rep-spark-axis{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;justify-content:space-between;padding:0 24px 16px;font-size:10px;display:flex}.rep-stack{grid-template-columns:repeat(5,1fr);align-items:end;gap:14px;height:220px;padding:24px 24px 16px;display:grid}.rep-stack-bar{flex-direction:column;align-items:center;gap:6px;height:100%;display:flex}.rep-stack-track{flex:1;align-items:flex-end;width:100%;display:flex;position:relative}.rep-stack-col{cursor:pointer;border-radius:6px 6px 0 0;flex-direction:column;width:100%;display:flex;overflow:hidden}.rep-stack-fail{background:#d4cfc1}.rep-stack-pass{background:var(--mint-dark)}.rep-stack-bar.is-lopend .rep-stack-pass{background:repeating-linear-gradient(45deg, var(--mint), var(--mint) 6px, var(--mint-dark) 6px, var(--mint-dark) 12px)}.rep-stack-num{font-family:var(--font-mono);color:var(--midnight);font-size:11px;font-weight:500}.rep-legend{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;justify-content:center;gap:18px;padding:8px 24px 16px;font-size:11px;display:flex}.rep-legend span{align-items:center;gap:6px;display:inline-flex}.rep-mix{padding:20px 24px 24px}.rep-mix-bar{background:var(--cream);border-radius:8px;height:16px;margin-bottom:18px;display:flex;overflow:hidden}.rep-mix-seg{transition:filter .15s}.rep-mix-seg:hover{filter:brightness(1.05)}.rep-mix-seg--mint{background:var(--mint)}.rep-mix-seg--mint-dark{background:var(--mint-dark)}.rep-mix-seg--stone{background:#d4cfc1}.rep-mix-legend{flex-direction:column;gap:10px;display:flex}.rep-mix-legend li{color:var(--midnight);border-bottom:1px dashed var(--stone);grid-template-columns:14px 1fr 50px 50px;align-items:center;gap:12px;padding:4px 0;font-size:13px;display:grid}.rep-mix-legend li:last-child{border-bottom:none}.rep-mix-naam{color:var(--midnight)}.rep-mix-pct{font-family:var(--font-mono);color:var(--mint-dark);text-align:right;font-size:12px;font-weight:500}.rep-mix-num{font-family:var(--font-mono);color:var(--muted);text-align:right;font-size:11px}@media (max-width:920px){.rep-grid{grid-template-columns:1fr}.rep-bars{gap:6px;height:200px;padding:16px}.rep-bar-val{display:none}.rep-stack{gap:8px;padding:16px}}