/* ============================================
   APPRENTISSAGE CSS
============================================ */
.progress-course-card {
    background: var(--bg-surface); border: 1px solid var(--border-light);
    border-radius: var(--radius-md); padding: 1.25rem; display: flex;
    flex-direction: column; gap: 0.85rem; transition: var(--transition);
}
.progress-course-card:hover { border-color: var(--primary); box-shadow: var(--shadow-sm); }
.course-card-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.course-card-pct {
    font-size: 0.95rem; font-weight: 800; color: var(--primary);
    background: var(--primary-ultra-light); padding: 3px 8px; border-radius: 6px;
}
.progress-bar-wrapper { width: 100%; height: 6px; background: var(--gray-200); border-radius: 999px; overflow: hidden; }
[data-theme="dark"] .progress-bar-wrapper { background: var(--gray-700); }
.progress-bar-fill { height: 100%; background: linear-gradient(90deg, var(--primary) 0%, var(--secondary) 100%); transition: width 0.6s ease; }
.course-card-footer {
    display: flex; justify-content: space-between; align-items: center;
    font-size: 0.8rem; color: var(--text-muted); border-top: 1px solid var(--border-light);
    padding-top: 0.75rem; margin-top: 0.25rem;
}