.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;
}



/* === Quiz cards list (settings: show_quiz_list) === */
.qcm-quiz-list{
  --qcm-accent:#e53935;
  --qcm-card-bg:#ffffff;
  --qcm-card-radius:16px;

  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:12px;
  margin:10px 0 6px;
}

.qcm-quiz-card{
  border-radius:var(--qcm-card-radius);
  padding:14px;
  background:var(--qcm-card-bg);
  border:1px solid #eee;
}

.qcm-quiz-card-head{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.qcm-quiz-card-title{
  font-weight:800;
  font-size:16px;
  line-height:1.4;
  flex:1 1 auto;
  min-width: 140px;
}

.qcm-quiz-card-count{
  font-size:12px;
  padding:5px 10px;
  border-radius:999px;
  background:var(--qcm-accent);
  color:#fff;
  white-space:nowrap;
}

.qcm-quiz-list .qcm-btn.qcm-choose-quiz{
  background:var(--qcm-accent);
  color:#fff;
  border-color:transparent;
}

.qcm-quiz-list .qcm-btn.qcm-choose-quiz:hover{ filter:brightness(0.95); }

/* Variants */
.qcm-quiz-list.qcm-variant-soft .qcm-quiz-card{
  box-shadow: 0 1px 0 rgba(0,0,0,0.02);
  border-left:4px solid var(--qcm-accent);
}

.qcm-quiz-list.qcm-variant-solid .qcm-quiz-card{
  border-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
  background: #fff;
  position:relative;
}
.qcm-quiz-list.qcm-variant-solid .qcm-quiz-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:var(--qcm-card-radius);
  box-shadow: inset 0 0 0 2px var(--qcm-accent);
  pointer-events:none;
}

.qcm-quiz-list.qcm-variant-outline .qcm-quiz-card{
  border:2px solid var(--qcm-accent);
}


/* === Result styling === */
.qcm-summary{padding:12px;border:1px solid #eee;border-radius:14px;background:#fafafa}
.qcm-summary h3{margin:0 0 6px;font-size:18px}
.qcm-summary p{margin:0;color:#444;font-size:14px}

.qcm-review-item{margin-top:10px;padding:12px;border:1px solid #f0f0f0;border-radius:14px;background:#fff}
.qcm-review-item > div{margin:6px 0}
.qcm-review-item .qcm-solution{margin-top:10px}

.qcm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.qcm-btn{padding:9px 14px;border-radius:12px;border:1px solid #ddd;background:#f7f7f7;cursor:pointer}
.qcm-btn:hover{filter:brightness(0.98)}


/* Inline correction under each question */
.qcm-q.qcm-q-correct{ border-color:#b9f5c3; }
.qcm-q.qcm-q-wrong{ border-color:#ffbaba; }

.qcm-inline-feedback{
  margin-top:10px;
  padding:10px;
  border-radius:12px;
  border:1px solid #eee;
  background:#fafafa;
}
.qcm-inline-row{ margin:6px 0; font-size:14px; color:#222; }
.qcm-inline-explain{ line-height:1.7; }