/* Task Progress card (production-run-progress.js) */
.rp-card { margin: 0 0 10px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(28, 28, 32, .92); color: #e8e8ec; font: 14px/1.5 Inter, "PingFang SC", system-ui, sans-serif; overflow: hidden; }
.rp-head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; cursor: pointer; user-select: none; }
.rp-head b { font-weight: 600; } .rp-count { color: rgba(255, 255, 255, .55); } .rp-chev { margin-left: auto; color: rgba(255, 255, 255, .6); }
.rp-icon { width: 14px; height: 14px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .7); }
.rp-icon.rp-spin { border-color: rgba(255, 255, 255, .25); border-top-color: #fff; animation: rp-spin 1s linear infinite; }
@keyframes rp-spin { to { transform: rotate(360deg); } }
.rp-list { list-style: none; margin: 0; padding: 0 16px 10px; border-top: 1px solid rgba(255, 255, 255, .06); }
.rp-list li { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0 0; color: rgba(255, 255, 255, .6); }
.rp-list li i { flex: none; width: 14px; height: 14px; margin-top: 4px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, .4); }
.rp-list li[data-s="in_progress"] { color: #fff; } .rp-list li[data-s="in_progress"] i { border-color: #fff; box-shadow: inset 0 0 0 3px rgba(28, 28, 32, 1); background: #fff; }
.rp-list li[data-s="completed"] i { border-color: #7fd38a; background: #7fd38a; }
.rp-list li[data-s="completed"] { text-decoration: none; }
.rp-now { margin: 0; padding: 0 16px 12px; font-size: 12px; color: rgba(255, 255, 255, .5); }
/* light brand */
.rp-card[data-brand="creatok"] { background: #fff; color: #111; border-color: #e5e7eb; }
.rp-card[data-brand="creatok"] .rp-count, .rp-card[data-brand="creatok"] .rp-chev, .rp-card[data-brand="creatok"] .rp-now, .rp-card[data-brand="creatok"] .rp-list li { color: #6b7280; }
.rp-card[data-brand="creatok"] .rp-list li[data-s="in_progress"] { color: #111; }
.rp-card[data-brand="creatok"] .rp-list li i { border-color: #9ca3af; }
.rp-card[data-brand="creatok"] .rp-list li[data-s="in_progress"] i { border-color: #111; background: #111; box-shadow: inset 0 0 0 3px #fff; }
.rp-card[data-brand="creatok"] .rp-icon { border-color: #9ca3af; } .rp-card[data-brand="creatok"] .rp-icon.rp-spin { border-color: #e5e7eb; border-top-color: #111; }