/* Musiclic - Module d'entraînement de lecture de notes (V6).
   Interface indépendante : aucune interaction avec les API de /parcours/.
   H2 et paragraphes rédactionnels hérités de main.css, sans taille ni couleur imposées.
*/
#entrainement-parcours-lecture-notes{margin:30px 0 35px;scroll-margin-top:18px}
#entrainement-parcours-lecture-notes .el-main{max-width:1100px;margin:0 auto 25px;padding:0 0 16px}
#entrainement-parcours-lecture-notes .el-main *{box-sizing:border-box}
#entrainement-parcours-lecture-notes .el-heading{margin:0 0 13px}
#entrainement-parcours-lecture-notes .el-visitor-note{margin:0 0 15px}
#entrainement-parcours-lecture-notes .el-settings{
  display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1.1fr) minmax(0,.85fr);
  align-items:end;gap:12px;padding:16px 18px;margin-bottom:14px;
  border:1px solid #e1e5e8;border-radius:8px;background:#f8f9fa;
}
#entrainement-parcours-lecture-notes .el-field{min-width:0}
#entrainement-parcours-lecture-notes .el-field label{
  display:block;font-weight:650;margin-bottom:5px;color:#2b4b67;
}
#entrainement-parcours-lecture-notes .el-field select{
  display:block;width:100%;min-height:43px;padding:7px 8px;
  border:1px solid #cbd5df;border-radius:7px;background:#fff;
  color:#243749;font-size:13.5px;
}
#entrainement-parcours-lecture-notes .el-clock-field{
  display:flex;align-items:center;gap:8px;min-height:44px;
}
#entrainement-parcours-lecture-notes .el-clock-field input{width:19px;height:19px;accent-color:#336699}
#entrainement-parcours-lecture-notes .el-button{
  min-height:43px;padding:10px 16px;border:0;border-radius:8px;
  background:#336699;color:#fff;font-size:15px;font-weight:650;cursor:pointer;
}
#entrainement-parcours-lecture-notes .el-button:hover,
#entrainement-parcours-lecture-notes .el-button:focus-visible{background:#214d73}
#entrainement-parcours-lecture-notes .el-start{
  margin:22px 0;border:1px solid #d2e0eb;border-radius:11px;
  background:#f7fafc;padding:20px;text-align:center;
}
#entrainement-parcours-lecture-notes .el-session-label{font-weight:700;color:#264766;font-size:17px}
#entrainement-parcours-lecture-notes .el-stopwatch{
  margin:10px 0;padding:9px 14px;background:#eaf2f8;border-radius:8px;
  color:#264c71;font-size:15px;
}
#entrainement-parcours-lecture-notes .el-error{
  border:1px solid #e8b4ad;background:#fff0ed;padding:12px;border-radius:7px;color:#8b2e26;
}
#entrainement-parcours-lecture-notes .el-summary{
  border:1px solid #d0dfe9;border-radius:10px;padding:20px 22px;background:#fff;margin-top:20px;
}
#entrainement-parcours-lecture-notes .ml-activity{margin:16px 0}
#entrainement-parcours-lecture-notes .ml-staff-zone svg{display:block;width:100%;height:auto;max-width:720px;margin:auto}
#entrainement-parcours-lecture-notes .ml-staff-zone{overflow:visible}
#entrainement-parcours-lecture-notes [hidden]{display:none!important}
#entrainement-parcours-lecture-notes .ml-question-timer{display:none!important} /* pas de compte à rebours par question */
#entrainement-parcours-lecture-notes .ml-exercise-answer-zone{min-width:0}
#entrainement-parcours-lecture-notes .ml-note-answer-slots,
#entrainement-parcours-lecture-notes .ml-note-answer-bank{
  display:flex;gap:7px;flex-wrap:wrap;justify-content:center;
}
#entrainement-parcours-lecture-notes .ml-note-answer-actions{
  display:flex;gap:10px;flex-wrap:wrap;justify-content:center;
}
#entrainement-parcours-lecture-notes .ml-note-label,
#entrainement-parcours-lecture-notes .ml-note-answer-slot{touch-action:manipulation}
#entrainement-parcours-lecture-notes .ml-note-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:45px;padding:10px 19px;background:#336699;color:#fff;
  border:1px solid #336699;border-radius:8px;font-size:15px;
  font-weight:700;cursor:pointer;line-height:1.4;
}
#entrainement-parcours-lecture-notes .ml-note-button:hover,
#entrainement-parcours-lecture-notes .ml-note-button:focus-visible{
  background:#244d73;border-color:#244d73;
}
#entrainement-parcours-lecture-notes .ml-note-button:disabled{opacity:.55;cursor:not-allowed}
#entrainement-parcours-lecture-notes .el-exercise-container{min-width:0}
#entrainement-parcours-lecture-notes .el-ready-hint{display:none!important}
@media(max-width:760px){
  #entrainement-parcours-lecture-notes .el-settings{
    grid-template-columns:1fr;gap:12px;padding:13px 14px;
  }
  #entrainement-parcours-lecture-notes .el-field select{font-size:16px}
}

/* Statistiques abonné : bilan annuel et tableau compact, sobre et lisible.
   Tout reste limité au module, sans modifier main.css ni les exercices historiques. */
#entrainement-parcours-lecture-notes .el-stats{
  margin:16px 0 24px;border:1px solid #dfe5e9;border-radius:8px;
  background:#fff;scroll-margin-top:20px;
}
#entrainement-parcours-lecture-notes .el-stats-toggle{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;cursor:pointer;color:#284a68;font-weight:700;list-style:none;
}
#entrainement-parcours-lecture-notes .el-stats-toggle::-webkit-details-marker{display:none}
#entrainement-parcours-lecture-notes .el-stats-toggle::before{
  content:"▸";font-weight:400;flex:none;color:#607b92;
}
#entrainement-parcours-lecture-notes .el-stats[open] .el-stats-toggle::before{content:"▾"}
#entrainement-parcours-lecture-notes .el-stats-toggle:focus-visible{outline:2px solid #336699;outline-offset:3px}
#entrainement-parcours-lecture-notes .el-stats-teaser{
  margin-left:auto;font-weight:400;color:#667888;font-size:13px;text-align:right;
}
#entrainement-parcours-lecture-notes .el-stats-body{
  padding:2px 18px 18px;border-top:1px solid #e9edf0;
}
#entrainement-parcours-lecture-notes .el-stats-context{margin:13px 0 11px;color:#566c7c}
#entrainement-parcours-lecture-notes .el-stats-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
  margin:13px 0 19px;border:1px solid #e6eaee;border-radius:7px;background:#fafbfc;
}
#entrainement-parcours-lecture-notes .el-stats-kpi{
  min-width:0;padding:13px 14px;display:flex;flex-direction:column;gap:3px;
  align-items:center;justify-content:center;text-align:center;
}
#entrainement-parcours-lecture-notes .el-stats-kpi + .el-stats-kpi{border-left:1px solid #e6eaee}
#entrainement-parcours-lecture-notes .el-stats-kpi strong{
  color:#284c6c;font-size:22px;line-height:1.25;font-weight:700;
}
#entrainement-parcours-lecture-notes .el-stats-kpi span{color:#647687;font-size:12.5px}
#entrainement-parcours-lecture-notes .el-stats-part{margin:15px 0 12px}
#entrainement-parcours-lecture-notes .el-stats-history-header{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px;
}
#entrainement-parcours-lecture-notes .el-stats-history-header h3{
  margin:0;color:#2d4d69;font-size:17px;font-weight:700;line-height:1.35;
}
#entrainement-parcours-lecture-notes .el-stats-history-count{color:#71808b;font-size:12.5px}
#entrainement-parcours-lecture-notes .el-stats-table-scroll{
  max-height:560px;overflow:auto;border:1px solid #e3e7eb;border-radius:7px;
  -webkit-overflow-scrolling:touch;
}
#entrainement-parcours-lecture-notes .el-stats-table-scroll:focus-visible{outline:2px solid #336699;outline-offset:3px}
#entrainement-parcours-lecture-notes .el-stats-table{
  width:100%;border-collapse:separate;border-spacing:0;text-align:left;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#entrainement-parcours-lecture-notes .el-stats-table th,
#entrainement-parcours-lecture-notes .el-stats-table td{
  font-size:13px;padding:10px 12px;border-bottom:1px solid #edf0f3;
}
#entrainement-parcours-lecture-notes .el-stats-table thead th{
  position:sticky;top:0;z-index:1;background:#f3f5f7;color:#43586a;
  font-weight:700;border-bottom:1px solid #dfe5e9;
}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:nth-child(even){background:#fafbfc}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:hover{background:#f1f6fa}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:last-child td{border-bottom:0}
#entrainement-parcours-lecture-notes .el-stats-table td.el-stats-num,
#entrainement-parcours-lecture-notes .el-stats-table th.el-stats-num{text-align:right}
#entrainement-parcours-lecture-notes .el-stats-table td.el-stats-score{
  font-weight:700;color:#2c5879;
}
#entrainement-parcours-lecture-notes .el-stats-table td.el-stats-date{color:#344f65}
#entrainement-parcours-lecture-notes .el-stats-table td.el-stats-time{color:#637586}
#entrainement-parcours-lecture-notes .el-stats-footnote{
  color:#657584;font-size:12.5px;margin:11px 0 2px;
}
/* Bouton secondaire aligné sur "Recommencer", sans concurrence visuelle. */
#entrainement-parcours-lecture-notes .el-summary .el-stats-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-height:43px;
  padding:10px 18px;
  margin:0 12px 10px 0;
  border:1px solid #336699;
  border-radius:8px;
  background:#fff;
  color:#285681;
  font-family:inherit;
  font-size:15px;
  font-weight:650;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  vertical-align:middle;
  box-shadow:none;
}
#entrainement-parcours-lecture-notes .el-summary .el-stats-action:hover{
  border-color:#214d73;
  background:#edf4fa;
  color:#214d73;
  text-decoration:none;
}
#entrainement-parcours-lecture-notes .el-summary .el-stats-action:focus-visible{
  outline:2px solid #336699;
  outline-offset:3px;
}
#entrainement-parcours-lecture-notes .el-summary .el-stats-action:active{
  background:#e4eef7;
}
@media(max-width:760px){
  #entrainement-parcours-lecture-notes .el-stats-toggle{flex-wrap:wrap;padding:12px 14px}
  #entrainement-parcours-lecture-notes .el-stats-teaser{width:100%;text-align:left;margin-left:23px}
  #entrainement-parcours-lecture-notes .el-stats-body{padding:2px 12px 14px}
  #entrainement-parcours-lecture-notes .el-stats-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #entrainement-parcours-lecture-notes .el-stats-kpi:nth-child(3){border-left:0}
  #entrainement-parcours-lecture-notes .el-stats-kpi:nth-child(n+3){border-top:1px solid #e6eaee}
  #entrainement-parcours-lecture-notes .el-stats-table-scroll{max-height:475px}
  #entrainement-parcours-lecture-notes .el-stats-table th,
  #entrainement-parcours-lecture-notes .el-stats-table td{padding:9px 10px}
}
@media print{
  #entrainement-parcours-lecture-notes .el-stats-table-scroll{max-height:none;overflow:visible}
}

/* V9.1 : tableau des 20 dernières séances - alignements homogènes,
   filets horizontaux très fins, aucun quadrillage vertical.
   Les règles explicites neutralisent les bordures globales des tables de main.css. */
#entrainement-parcours-lecture-notes .el-stats-table-scroll{
  border:1px solid #dfe5ea;
  border-radius:8px;
  background:#fff;
}
#entrainement-parcours-lecture-notes .el-stats-table{
  width:100%;
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:#fff !important;
  box-shadow:none !important;
}
#entrainement-parcours-lecture-notes .el-stats-table thead th,
#entrainement-parcours-lecture-notes .el-stats-table tbody td{
  border:0 !important;
  padding:12px 13px !important;
  text-align:center !important;
  vertical-align:middle;
  box-shadow:inset 0 -1px 0 #e9edf1;
}
#entrainement-parcours-lecture-notes .el-stats-table thead th{
  background:#f4f6f8 !important;
  color:#344f65 !important;
  font-weight:700;
  box-shadow:inset 0 -1px 0 #d6dfe6;
}
#entrainement-parcours-lecture-notes .el-stats-table tbody td{
  background:transparent !important;
  color:#31495d;
}
#entrainement-parcours-lecture-notes .el-stats-table tbody td:first-child{
  text-align:left !important;
  color:#335773;
  font-weight:500;
}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:nth-child(odd){background:#fff !important}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:nth-child(even){background:#fafbfd !important}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:hover{background:#f0f6fa !important}
#entrainement-parcours-lecture-notes .el-stats-table tbody tr:last-child td{box-shadow:none}
#entrainement-parcours-lecture-notes .el-stats-table tbody td.el-stats-score{
  color:#28577c !important;
  font-weight:700;
}
#entrainement-parcours-lecture-notes .el-stats-table tbody td.el-stats-time{
  color:#62788b !important;
}
@media(max-width:760px){
  /* Une colonne = une information : défilement horizontal sans comprimer les textes. */
  #entrainement-parcours-lecture-notes .el-stats-table{min-width:630px}
  #entrainement-parcours-lecture-notes .el-stats-table thead th,
  #entrainement-parcours-lecture-notes .el-stats-table tbody td{padding:10px 11px !important}
}