/* =============================================================
   eval-grid.css - Grilles d'auto-correction et bilan de competences
   -------------------------------------------------------------
   Styles repris de la livraison de George (core/cejm_appli.css).
   Places dans un fichier a part pour laisser core/cejm_appli.css
   intact : la version locale de ce fichier contient des correctifs
   absents de la livraison.
   Charge par les pages CEJM "Appliquer" (Cejm_chNN_appli.html).
   ============================================================= */

/* ── Grille d'évaluation (Bilan de compétences - fin de page Appliquer) ── */
.eval-dossier-card{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:22px 24px;margin-bottom:20px;box-shadow:0 2px 14px var(--shadow);}
.eval-dossier-hdr{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.eval-dossier-hdr h3{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--text);}
.eval-dossier-recap{font-family:'IBM Plex Mono',monospace;font-size:.66rem;font-weight:700;color:var(--text2);background:color-mix(in srgb,var(--accent) 8%,var(--card2));border:1px solid var(--border);border-radius:9999px;padding:4px 12px;white-space:nowrap;}
.eval-grid{width:100%;border-collapse:collapse;font-size:.79rem;}
.eval-grid th{padding:9px 12px;text-align:center;border-bottom:2px solid var(--border);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-weight:800;font-family:'DM Sans',sans-serif;}
.eval-grid th:first-child{text-align:left;}
.eval-grid td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.5;}
.eval-grid tr:last-child td{border-bottom:none;}
.eval-grid td:first-child{font-weight:700;color:var(--text);background:color-mix(in srgb,var(--card2) 70%,transparent);}
.eval-grid td:not(:first-child){color:var(--text2);font-size:.76rem;}
.level-pill{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px;}
.pill-dev{background:color-mix(in srgb,var(--wrong) 15%,transparent);color:var(--wrong);}
.pill-sat{background:color-mix(in srgb,var(--accent2) 18%,transparent);color:var(--accent2);}
.pill-mai{background:color-mix(in srgb,var(--correct) 18%,transparent);color:var(--correct);}
.mark-sel{display:flex;gap:6px;margin-top:6px;}
.mark-opt{flex:1;padding:5px 6px;border-radius:.5rem;cursor:pointer;border:1.5px solid var(--border);text-align:center;font-size:.68rem;font-weight:700;color:var(--text2);transition:all .15s;}
.mark-opt:hover{border-color:var(--accent);color:var(--accent);}
.mark-opt.sel-dev{border-color:var(--wrong);background:color-mix(in srgb,var(--wrong) 12%,transparent);color:var(--wrong);}
.mark-opt.sel-sat{border-color:var(--accent2);background:color-mix(in srgb,var(--accent2) 12%,transparent);color:var(--accent2);}
.mark-opt.sel-mai{border-color:var(--correct);background:color-mix(in srgb,var(--correct) 12%,transparent);color:var(--correct);}
.score-recap{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:20px 24px;box-shadow:0 2px 14px var(--shadow);}
.score-recap h3{font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;color:var(--text);margin-bottom:14px;}
.score-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--text);}
.score-row:last-child{border-bottom:none;}
.wc-bar-wrap{flex:1;height:7px;border-radius:4px;background:var(--border);overflow:hidden;}
.wc-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));width:0%;transition:width .3s;border-radius:4px;}
@media(max-width:640px){.eval-grid{font-size:.72rem;}.eval-grid th,.eval-grid td{padding:7px 8px;}}

/* ── Grille d'auto-correction en ligne (après chaque question - variante « Appli2 ») ── */
.eval-inline-card{margin-top:14px;padding:14px 16px 16px;border-radius:.9rem;background:color-mix(in srgb,var(--accent) 4%,var(--card2));border:1px dashed color-mix(in srgb,var(--accent) 28%,transparent);}
.eval-inline-tag{display:block;font-family:'IBM Plex Mono',monospace;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:10px;}
.eval-inline-card .eval-grid td:first-child{background:transparent;}

/* ── Responsive mobile (pages Appliquer) ── */
@media(max-width:640px){
  .dossier-header{gap:14px;padding:18px 18px;}
  .dossier-num{width:42px;height:42px;font-size:.9rem;}
  .dossier-meta h2{font-size:1.05rem;}
  .dossier-illust{height:160px;}
  .dos-nav{flex-wrap:wrap;justify-content:center;row-gap:10px;}
  .dos-nav-btn{flex:1 1 auto;justify-content:center;padding:9px 14px;font-size:.78rem;}
  .dos-counter{order:-1;width:100%;text-align:center;}
  .appli-score-wrap{flex-wrap:wrap;}
}
@media(max-width:420px){
  .dossier-header{flex-direction:column;align-items:flex-start;}
}