/* ExamForge MCQ test engine and local activity additions */

.test-mode-buttons{display:grid;grid-template-columns:1fr;gap:8px}
.test-mode-btn{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff;color:var(--navy);font-weight:750;text-align:left;cursor:pointer}
.test-mode-btn:hover{background:#f6fbff;border-color:#9fc5e8}
.test-mode-btn.active{background:var(--navy);color:#fff;border-color:var(--navy);box-shadow:0 5px 14px rgba(15,61,117,.18)}

.practice-side input{
  width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff;margin-top:6px
}
.timer-box{padding:14px;border-radius:12px;border:1px solid #cfe0ef;background:#f8fbff}
.timer-box span,.timer-box strong{display:block}
.timer-box span{font-size:.8rem;color:var(--muted);font-weight:750}
.timer-box strong{font-size:1.7rem;color:var(--navy);font-variant-numeric:tabular-nums}
.timer-box.warning{border-color:#e6b566;background:#fff8e8}
.timer-box.danger{border-color:#e28b8b;background:#fff0f0}
.test-progress{display:grid;gap:7px;color:var(--muted);font-size:.85rem}
.test-progress progress{width:100%;height:10px}
.mcq-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.mcq-card h3{margin:8px 0 12px}
.mcq-options{display:grid;gap:8px}
.mcq-option{padding:10px 12px;border:1px solid #d7e1eb;border-radius:10px;background:#f9fbfd}
.test-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.test-head .pill{white-space:nowrap}
.test-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.test-summary div{padding:14px;border-radius:12px;background:var(--sky);text-align:center}
.test-summary strong,.test-summary span{display:block}
.test-summary strong{font-size:1.5rem;color:var(--navy)}
.test-summary span{font-size:.8rem;color:var(--muted)}
.data-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;margin-bottom:18px}
.data-panel h3{margin:0 0 6px}.data-panel p{margin:0;color:var(--muted);max-width:720px}
.data-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:max-content}
.activity-history{display:grid;gap:10px}
.activity-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.activity-row h3{margin:0 0 5px;font-size:1rem}
.activity-row p{margin:0;color:var(--muted);font-size:.9rem}
.activity-score{text-align:right;min-width:90px}
.activity-score strong{display:block;font-size:1.35rem;color:var(--navy)}
.activity-score span{color:var(--muted);font-size:.78rem}
.local-note{padding:12px 14px;border-radius:10px;background:#f5f9fd;color:#4d647a;font-size:.88rem;margin-top:12px}
.answer.timeout{border-color:#e6b566!important;background:#fff8e8!important}
@media(max-width:700px){
  .data-panel{align-items:flex-start;flex-direction:column}
  .data-actions{width:100%;min-width:0}.data-actions .btn{flex:1}
  .test-summary{grid-template-columns:1fr}
  .activity-row{grid-template-columns:1fr}.activity-score{text-align:left}
}