/* Minimal clean styling */
.drp-cj-trainer { max-width:720px; margin:0 auto; background:#fff; padding:14px; border-radius:8px; box-shadow:0 6px 18px rgba(0,0,0,0.06); font-family:Arial, sans-serif; }
.drp-cj-controls { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.drp-cj-controls label { display:flex; flex-direction:column; font-size:14px; flex:1; }
.drp-cj-controls select { padding:8px; font-size:14px; border-radius:6px; border:1px solid #ddd; }
.drp-cj-controls button { height:40px; align-self:flex-end; }

.drp-cj-session { margin-top:12px; }
.drp-cj-progress { display:flex; gap:10px; align-items:center; margin-bottom:12px; }
.drp-cj-progress-bar { flex:1; background:#eee; height:14px; border-radius:8px; overflow:hidden; }
.drp-cj-progress-fill { height:100%; width:0%; background:linear-gradient(90deg,#6fdc8c,#2bb673); transition:width .4s ease; }
.drp-cj-percent { min-width:48px; text-align:center; font-weight:700; }

.drp-cj-step { border:1px dashed #e6eaf7; padding:10px; border-radius:8px; margin-bottom:10px; display:flex; gap:10px; align-items:center; }
.drp-cj-step .drp-cj-step-info { flex:1; }
.drp-cj-step .drp-cj-step-title { font-weight:700; margin-bottom:6px; }
.drp-cj-step .drp-cj-step-desc { font-size:13px; color:#444; margin-bottom:6px; }
.drp-cj-step .drp-cj-step-timer { font-size:16px; font-weight:700; margin-right:8px; min-width:68px; text-align:center; }

.drp-cj-step .drp-cj-step-actions button { margin-left:6px; }

.drp-cj-final { text-align:center; padding:12px; border-top:1px solid #eee; }
@media(max-width:720px) {
    .drp-cj-controls { flex-direction:column; }
    .drp-cj-progress { flex-direction:column; align-items:flex-start; gap:6px; }
}