/* Qu'est-ce qui manque ? — styles indépendants, sans toucher aux autres activités. */
#view-manque:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;gap:8px;font-size:12px;overflow:hidden}
#view-manque [hidden]{display:none!important}
#view-manque button,#view-manque input,#view-manque select{font:inherit}
#view-manque h1{font-size:19px;white-space:nowrap}
#view-manque h2{font-size:15px;margin:0 0 12px}
.mq-muted{font-size:11px;color:#687f8d}
.mq-print-notice.is-error{color:#aa3838}


.mq-icon,.mq-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d9e2e7;border-radius:10px;background:#fff;color:#193d56;padding:9px 11px;min-height:35px;cursor:pointer;font-weight:700}
.mq-icon{width:37px;padding:0;font-size:19px}
.mq-icon:disabled{opacity:.3;cursor:default}
.mq-primary{background:#ffcb26;border-color:#e9ac13}
.mq-free{margin-bottom:12px;background:#fff7df;border:1px solid #e5b73c;border-radius:12px;padding:11px 18px;cursor:pointer;font-weight:700}
.mq-workspace{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:var(--ef-left-current,var(--ef-library-width)) minmax(0,1fr) var(--ef-right-current,var(--ef-parameters-width));gap:var(--ef-activity-gap)}
.mq-library,.mq-preview,.mq-settings{min-width:0;min-height:0;background:#fff;border:1px solid #eaddc8;border-radius:var(--ef-activity-radius);padding:14px;overflow:hidden;display:flex;flex-direction:column}
.mq-library{overflow:hidden}
.mq-library>.mq-library-items{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}




#mq-search{width:100%;border:1px solid #e4dfd6;border-radius:12px;padding:10px;margin-bottom:9px}
.mq-resource.is-current{border:2px solid #298766}
.mq-upload{margin-top:8px;border:1px dashed #adc0cb;border-radius:11px;padding:10px;text-align:center;cursor:pointer;font-weight:700}
.mq-upload input{display:none}
.mq-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;margin-bottom:8px}
.mq-preview-scroll{background:#f0f3f3;flex:1;min-height:0;overflow:auto;border-radius:13px;padding:14px}
.mq-board{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}
.mq-settings{display:grid;grid-template-columns:minmax(0,1fr) var(--ef-rail-width);grid-template-rows:auto minmax(0,1fr);gap:8px}
.mq-settings>h2{grid-column:1;grid-row:1}
.mq-settings-scroll{grid-column:1;grid-row:2;min-height:0;overflow:auto;padding:0 4px 5px 0}
.mq-rail{grid-column:2;grid-row:1/3;display:flex;align-items:center;flex-direction:column;gap:5px;border:1px solid #ecb132;background:#fff9ec;border-radius:13px;padding:5px 3px}
.mq-rail button{width:34px;min-height:40px;border:1px solid #e4d5ba;background:#fff;border-radius:10px;font-size:20px;cursor:pointer}
.mq-rail button[aria-pressed=true]{background:#ffc925;border-color:#e7aa06}
.mq-section{display:flex;flex-direction:column;gap:12px;padding-bottom:12px}
.mq-section label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#536a80}
.mq-section label.mq-check{flex-direction:row;align-items:center;gap:7px}
.mq-section input[type=text],.mq-section select{background:#fff;min-width:0;width:100%;padding:10px;border:1px solid #e3ddd1;border-radius:11px;color:#173b5b}
.mq-section p{font-size:11px;color:#60778b;margin:0;line-height:1.45}
.mq-nav{display:flex;justify-content:space-between;align-items:center;gap:6px}
.mq-section h3{margin:4px 0 0;font-size:12px;border-bottom:1px solid #ead9b6;padding-bottom:5px}
/* Deux commandes compactes pour mélanger indépendamment les deux lignes. */
.mq-images-head{display:flex;align-items:center;gap:8px;justify-content:space-between}
.mq-images-head h3{flex:1;min-width:0}
.mq-images-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.mq-images-actions .mq-icon{position:relative;display:grid;place-items:center;flex:0 0 36px;padding:0}
.mq-images-actions .mq-icon small{position:absolute;right:1px;bottom:0;font-size:9px;font-weight:800;line-height:1;color:#1d5172}
.mq-model-movable{cursor:grab!important}
.mq-model-movable.is-dragging{opacity:.5}
#view-manque .mq-model-movable.is-drop-target{outline:2px dashed #247faf!important;outline-offset:-3px}
.mq-picked{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mq-target{min-width:0;border:1px solid #d9e3e8;border-radius:11px;padding:4px;display:flex;align-items:center;flex-direction:column;gap:4px}
.mq-target.is-missing{background:#fff7dc}
.mq-target-image,.mq-answer{min-width:0;border:1px solid #d9e3e8;border-radius:9px;padding:5px 3px;background:#fff;display:flex;flex-direction:column;align-items:center;cursor:pointer;gap:3px}
.mq-target-image{width:100%}
.mq-target-image.is-selected,.mq-answer.is-selected{border:2px solid #dca31e;background:#fffbea}
.mq-target-image small,.mq-answer small{font-size:9px;color:#597080;text-align:center;line-height:1.2}
.mq-missing-button{font-size:10px!important;border:0;background:transparent;cursor:pointer;color:#587086;padding:3px 0}
.mq-target.is-missing .mq-missing-button{color:#926111;font-weight:700}
.mq-wrong{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.mq-answer-correct{cursor:default;border-color:#8bbca3;background:#eaf5ee}
.mq-art{display:grid;place-items:center;min-width:0;width:100%;height:100%;overflow:hidden}
.mq-art img{object-fit:contain;max-height:100%;max-width:100%;width:100%;height:100%}
.mq-target-image .mq-art,.mq-answer .mq-art{width:65px;height:58px;max-width:100%}
.mq-empty{display:grid;place-items:center;color:#b4bdc3;font-size:23px;font-weight:700}
.mq-sheet{--mq-cell-size:40px;box-sizing:border-box;width:100%;max-width:680px;min-width:0;aspect-ratio:210/297;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 14px #bdc8cb40;overflow:hidden}
.mq-sheet.is-landscape{aspect-ratio:297/210;max-width:960px}
.mq-sheet-title{font-size:clamp(11px,1.2vw,17px);font-weight:700;text-align:center;flex:0 0 auto}
.mq-page-rows{display:flex;flex-direction:column;flex:1;min-height:0;gap:10px}
.mq-exercise,.mq-print-row{flex:1;min-height:0;min-width:0;border:1px dashed #b7c8d4;border-radius:9px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden}
.mq-exercise[role=button]{cursor:pointer}
.mq-exercise.is-selected{outline:2px solid #258dcc;outline-offset:-2px;background:#eef9ff60}
.mq-exercise-number{align-self:stretch;font-size:11px;font-weight:700}
.mq-subtitle{font-size:10px;color:#667d8c;margin:2px 0 0}
.mq-series,.mq-cut-strip,.mq-answer-strip{display:grid;grid-template-columns:repeat(var(--mq-cols),minmax(0,1fr));gap:3px;min-width:0;width:min(100%,calc(var(--mq-cols) * var(--mq-cell-size)));margin:0 auto}
.mq-cell{box-sizing:border-box;display:grid;place-items:center;aspect-ratio:1/1;min-width:0;min-height:0;border:1px solid #b9c9d4;border-radius:5px;padding:6%;background:#fff;overflow:hidden}
.mq-cell.mq-hole{border:2px dashed #d9a325;background:#fffae5}
.mq-question{font-size:clamp(16px,2.6vw,40px);font-weight:700;color:#bd932f}
.mq-answer-strip .mq-cell{border-style:dashed}
.mq-print-row>strong{align-self:flex-start;font-size:11px}
.mq-cut-strip .mq-cell{border:1px dashed #95acb9}
/* La même feuille A4 sert à l'édition et à l'impression. */
.mq-play{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:720px;width:100%;padding:22px;border-radius:14px;background:white}
.mq-play h3{font-size:18px;margin:0}
.mq-play-instruction{font-weight:700;font-size:17px;text-align:center}
.mq-play .mq-series{--mq-cell-size:92px}
.mq-play-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.mq-choice{width:92px;height:92px;background:white;border:1px solid #b5c9d4;border-radius:11px;cursor:pointer;padding:8px}
.mq-choice.is-chosen{border:3px solid #daa31b;background:#fff9e3}
.mq-play-result{font-weight:800;font-size:20px;color:#245a48}
#view-manque button:focus-visible,#view-manque input:focus-visible,#view-manque select:focus-visible{outline:3px solid #edb51d;outline-offset:2px}
@media(max-width:1100px){
.mq-workspace{grid-template-columns:var(--ef-left-current,var(--ef-library-width)) minmax(0,1fr) var(--ef-right-current,var(--ef-parameters-width));gap:var(--ef-activity-gap)}
.mq-library,.mq-preview,.mq-settings{padding:9px}

.mq-target-image .mq-art,.mq-answer .mq-art{width:45px;height:42px}
}
@media(max-width:800px){
#view-manque:not([hidden]){overflow:auto}
.mq-workspace{display:flex;flex-direction:column;min-height:unset}
.mq-preview{order:0}
.mq-library{order:1}
.mq-settings{order:2}
.mq-preview-scroll{min-height:300px}
.mq-settings{min-height:340px}
.mq-settings-scroll{max-height:430px}

}
@media print{
 body:has(#print-stage.efpv-native-print){background:white!important;height:auto!important;overflow:visible!important;margin:0!important;padding:0!important}
 #print-stage.efpv-native-print{display:block!important;width:auto!important;margin:0!important;padding:0!important}
 #print-stage.efpv-native-print .mq-sheet{--mq-cell-size:var(--mq-printer-cell,34mm);box-shadow:none!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;margin:0!important;padding:var(--ef-page-padding-mq,7mm)!important;gap:3mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 
 
 #print-stage.efpv-native-print .mq-sheet-title{font-size:15pt!important}
 #print-stage.efpv-native-print .mq-page-rows{gap:2mm!important}
 #print-stage.efpv-native-print .mq-exercise,#print-stage.efpv-native-print .mq-print-row{padding:2mm!important;gap:1mm!important}
 #print-stage.efpv-native-print .mq-cell{border:1px solid #aebec9!important;border-radius:0!important}
 #print-stage.efpv-native-print .mq-hole{border:2px dashed #c4a050!important;background:white!important}
 #print-stage.efpv-native-print .mq-exercise-number,#print-stage.efpv-native-print .mq-print-row>strong{font-size:9pt!important}
 #print-stage.efpv-native-print .mq-subtitle{font-size:8pt!important;margin:0!important}
 #print-stage.efpv-native-print .mq-cuts-sheet .mq-cell{border:1px dashed #7892a5!important}
 #print-stage.efpv-native-print .mq-exercise.is-selected{outline:none!important;background:#fff!important}
}

/* Règle 14 : ciblage de chaque case et de chaque réponse, uniquement en édition. */
#view-manque .mq-cell.mq-direct-zone{cursor:pointer;outline-offset:-2px}
#view-manque .mq-cell.mq-direct-zone.is-target{outline:2px solid #2787bc}
#view-manque .mq-cell.mq-direct-zone:hover,#view-manque .mq-cell.mq-direct-zone:focus-visible{outline:2px solid #e7b31c}