.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; }
.qcm-front-controls{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  padding:8px 10px;
  border:1px solid #eee;
  border-radius:12px;
  background:#fafafa;
}

.qcm-front-controls input,
.qcm-front-controls select{
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #ddd;
}


.qcm-ctrl{display:flex;flex-direction:column;gap:6px;}
.qcm-limit-box{display:flex;align-items:center;gap:10px;}
#qcm_front_limit_range{width:220px;}
.qcm-subjects{display:flex;flex-wrap:wrap;gap:8px;}
.qcm-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #eee;border-radius:999px;background:#fafafa;}
.qcm-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0;}
.qcm-nav button{padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.qcm-nav button:disabled{opacity:.5;cursor:not-allowed;}
.qcm-retry-wrong{padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.qcm-locked{opacity:0.98;}