/* ===== أنماط المنصة ===== */
:root { --lms-primary: #0d6efd; }
body { font-family: 'Segoe UI', Tahoma, Arial, sans-serif; }

/* الشريط الجانبي */
.sidebar { width: 240px; min-height: calc(100vh - 62px); transition: margin .25s; }
.sidebar .nav-link.active { color: var(--lms-primary); border-inline-start: 4px solid var(--lms-primary); background: #f0f6ff; }
@media (max-width: 991px) {
  .sidebar { position: fixed; top: 62px; bottom: 0; right: 0; z-index: 1040; margin-right: -240px; }
  .sidebar.show { margin-right: 0; }
}

/* الدائرة التقدمية (Progress Circle) عبر conic-gradient */
.progress-circle { width: 120px; height: 120px; border-radius: 50%; display: grid; place-items: center;
  background: conic-gradient(var(--lms-primary) calc(var(--value) * 1%), #e9ecef 0); }
.progress-circle > span { width: 92px; height: 92px; border-radius: 50%; background: #fff;
  display: grid; place-items: center; font-weight: 700; font-size: 1.2rem; }

/* بطاقات الدروس */
.lesson-locked { opacity: .55; pointer-events: none; filter: grayscale(.6); }
.star-gold { color: #ffc107; }

/* الشهادة */
.certificate { border: 12px double #b8860b; background: #fffdf5; padding: 3rem; position: relative; }
.certificate .seal { position: absolute; bottom: 2rem; left: 2rem; opacity: .9; }
@media print {
  body * { visibility: hidden; }
  .certificate, .certificate * { visibility: visible; }
  .certificate { position: absolute; inset: 0; margin: 0; }
}

/* الأنشطة */
.activity-option { cursor: pointer; transition: all .15s; }
.activity-option:hover { border-color: var(--lms-primary) !important; background: #f0f6ff; }
.activity-option.selected { border-color: var(--lms-primary) !important; background: #e2edff; }
.activity-option.correct { border-color: #198754 !important; background: #d1e7dd; }
.activity-option.wrong { border-color: #dc3545 !important; background: #f8d7da; }
.sortable-item { cursor: grab; }

.table-rank-1 { background: #fff8e1 !important; }