/* Reuse the existing individual performance cards and responsive grid. */
.orbit-ui.my-perf-draft-directory { display:grid; gap:var(--sp-4); min-width:0; }
.orbit-ui .my-perf-draft-group { min-width:0; }
.orbit-ui .my-perf-draft-group h4 { margin:0 0 var(--sp-3); font-size:var(--fs-lg); }
.orbit-ui .my-perf-draft-row .my-perf-card { min-width:0; }
.orbit-ui .my-perf-draft-row .my-perf-progress { max-width:10rem; text-align:right; }
@media (max-width:768px) {
 .orbit-ui .my-perf-draft-row { grid-template-columns:minmax(0,1fr); }
}

/* Three semantic states, using the original individual performance card skeleton. */
#myPerformanceBlock.orbit-ui .my-perf-card {
 border-color:var(--accent-dim); background:var(--accent-soft);
 gap:var(--sp-4); padding:var(--sp-4); border-radius:var(--radius-md);
}
#myPerformanceBlock.orbit-ui .my-perf-card .my-perf-progress { color:var(--accent); }
#myPerformanceBlock.orbit-ui .my-perf-card .my-perf-open {
 background:var(--accent); border-color:var(--accent); color:var(--on-accent);
 padding:var(--sp-3) var(--sp-4); border-radius:var(--radius-sm);
}
#myPerformanceBlock.orbit-ui .my-perf-card .my-perf-open:hover { background:var(--accent-strong); border-color:var(--accent-strong); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-preview { border-color:var(--line); background:var(--head); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-preview .my-perf-progress { color:var(--muted); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-preview .my-perf-open {
 border-color:var(--line); background:var(--panel); color:var(--text);
}
#myPerformanceBlock.orbit-ui .my-perf-card.is-preview .my-perf-open:hover { background:var(--head); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-done { border-color:var(--ok-dim); background:var(--ok-bg); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-done .my-perf-progress { color:var(--ok-text); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-done .my-perf-open { background:var(--ok-text); border-color:var(--ok-text); color:var(--ok-bg); }
#myPerformanceBlock.orbit-ui .my-perf-card.is-done .my-perf-open:hover { background:var(--ok-strong); border-color:var(--ok-strong); }
#myPerformanceBlock.orbit-ui .my-perf-card .my-perf-open:disabled,
#myPerformanceBlock.orbit-ui .my-perf-card .my-perf-open:disabled:hover { background:var(--panel); border-color:var(--line); color:var(--muted); }