.qcm-wrap { max-width: 900px; margin: 20px auto; padding: 14px; border: 1px solid #eee; border-radius: 14px; background:#fff; }
.qcm-head { display:flex; flex-direction:column; gap:10px; margin-bottom: 12px; }
.qcm-title { font-size: 20px; font-weight: 800; }
.qcm-select { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.qcm-select select { min-width: 280px; padding: 9px; border-radius: 10px; border:1px solid #ddd; }
.qcm-select button { padding: 9px 14px; border-radius: 10px; border:1px solid #ddd; cursor: pointer; background:#f7f7f7; }
.qcm-meta { font-size: 14px; }
.qcm-quiz-title { font-size:18px; font-weight:800; margin: 10px 0; }

.qcm-q { padding: 12px; border: 1px solid #f0f0f0; border-radius: 12px; margin-bottom: 12px; }
.qcm-q-title { font-weight: 800; margin-bottom: 10px; }

.qcm-opt { display:flex; gap:10px; align-items:flex-start; margin: 8px 0; cursor:pointer; padding:8px 10px; border-radius:10px; border:1px solid transparent; }
.qcm-opt input { margin-top: 4px; }
.qcm-submit { padding: 10px 16px; border-radius: 10px; border:1px solid #ddd; cursor:pointer; background:#fafafa; }

.qcm-result { margin-top: 14px; }
.qcm-score { padding: 12px; border-radius: 12px; background: #f7f7f7; border:1px solid #eee; }

.qcm-loading, .qcm-empty { padding: 12px; border:1px dashed #eee; border-radius: 12px; }

/* تلوين الاختيارات بعد التصحيح */
.qcm-opt.qcm-opt-correct { background:#ecfff0; border-color:#b9f5c3; }
.qcm-opt.qcm-opt-wrong { background:#fff0f0; border-color:#ffbaba; }

/* تمييز اختيار المستخدم */
.qcm-opt.qcm-opt-user { box-shadow: inset 0 0 0 2px rgba(0,0,0,0.06); }

.qcm-solution { margin-top:10px; padding:10px; border-radius:10px; background:#f8f8f8; border:1px solid #eee; }
.qcm-explain { margin-top:8px; font-size: 14px; line-height: 1.6; }

.qcm-ok { border-color: #d7ffd7; }
.qcm-bad { border-color: #ffd7d7; }