/* « Mes documents » (documents.js) : liste, visionneuse, texte transcrit, choix « Utiliser la feuille déjà scannée ».
   S'appuie sur memoire.css (fenêtres, cartes, boutons, --m-*) ; clair / sombre par les variables de l'appli. */
.doc-reprise{--m-card:var(--card,#fff);--m-ink:var(--ink,#2B2A3A);--m-soft:var(--soft,#6B6880);--m-line:var(--line,#EADFC6);--m-vert:var(--ogre-d,#3E7F31)}
.doc-page .mem-h p{font-size:.92rem}
.doc-resume{display:flex;align-items:flex-start;gap:8px;color:var(--m-soft);font-size:.88rem;line-height:1.45;margin:0 0 16px}
.doc-resume i{flex:none;margin-top:2px}
.doc-mat h3{justify-content:space-between;margin-bottom:6px}
.doc-mat h3 small{font-family:var(--body,system-ui,sans-serif);font-weight:600;font-size:.82rem;color:var(--m-soft)}
.doc-dv{display:flex;align-items:center;gap:6px;color:var(--m-soft);font-size:.86rem;line-height:1.35;margin:12px 0 6px}
.doc-dv i{flex:none}
.doc-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.doc-l{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:color-mix(in srgb,var(--m-ink) 4%,transparent)}
.doc-mini{flex:none;width:52px;height:52px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:color-mix(in srgb,var(--m-ink) 8%,transparent);color:var(--m-soft);font-size:1.2rem}
.doc-mini img{width:100%;height:100%;object-fit:cover;display:block}
.doc-mini.txt{background:color-mix(in srgb,var(--m-vert) 13%,transparent);color:var(--m-vert)}
.doc-l .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.doc-l .tx b{font-size:.95rem;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.doc-l .tx small{color:var(--m-soft);font-size:.8rem;line-height:1.3}
.doc-acts{flex:none;display:flex;align-items:center;gap:6px}
.doc-voir{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 12px;border-radius:12px;border:2px solid var(--m-line);background:var(--m-card);color:var(--m-ink);font:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
.doc-sup{width:40px;height:40px;border-radius:12px;border:2px solid transparent;background:transparent;color:var(--m-soft);display:grid;place-items:center;font-size:1.05rem;cursor:pointer}
.doc-sup:hover,.doc-sup:focus-visible{color:var(--m-ko);border-color:color-mix(in srgb,var(--m-ko) 40%,transparent)}
.doc-vide{display:flex;gap:14px;align-items:center}
.doc-vide p{margin:4px 0 0;color:var(--m-soft);line-height:1.45;font-size:.92rem}
.doc-plus{display:block;text-align:center}
@media (max-width:360px){.doc-l{gap:8px}.doc-mini{width:44px;height:44px}.doc-voir{width:40px;padding:0;justify-content:center}.doc-voir span{display:none}.doc-sup{width:36px}}

/* visionneuse plein écran (fond sombre dans les deux thèmes : la photo ressort) */
.doc-vue{background:#121214;color:#F4F2EC;display:flex;flex-direction:column}
.doc-vue-h{display:flex;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px}
.doc-vue-h div{min-width:0;display:flex;flex-direction:column}
.doc-vue-h b{font-size:1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-vue-h small{color:#B9B6AE;font-size:.82rem}
.doc-vue-x{flex:none;width:44px;height:44px;border-radius:14px;border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;font-size:1.1rem;cursor:pointer}
.doc-vue-img{flex:1;min-height:0;display:grid;place-items:center;padding:4px 8px;overflow:auto;-webkit-overflow-scrolling:touch}
.doc-vue-img img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;touch-action:pinch-zoom}
.doc-vue-img .mem-charge{color:#B9B6AE}
.doc-vue-b{padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center}
.doc-vue-t{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:14px;border:0;background:rgba(255,255,255,.14);color:#fff;font:inherit;font-weight:700;cursor:pointer}

/* texte transcrit : lisible, aéré */
.doc-note{display:flex;align-items:flex-start;gap:8px;color:var(--m-soft);font-size:.86rem;line-height:1.45;margin:0 0 14px}
.doc-note i{flex:none;margin-top:2px;color:var(--m-vert)}
.doc-article{font-size:1.02rem;line-height:1.65;padding:18px 18px 8px;overflow-wrap:anywhere}
.doc-article h3{font-family:var(--display);font-size:1.15rem;line-height:1.25;margin:0 0 12px}
.doc-article h4{font-size:1rem;margin:14px 0 8px}
.doc-article p{margin:0 0 12px}
.doc-article ul{margin:0 0 12px;padding-left:22px}
.doc-article li{margin:0 0 6px}
.doc-article .katex-display{overflow-x:auto;overflow-y:hidden}

/* « Utiliser la feuille déjà scannée (date) » / « Rescanner » */
.doc-reprise{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px;margin:10px 0 0;border-radius:16px;border:2px solid color-mix(in srgb,var(--m-vert) 35%,var(--m-line));background:color-mix(in srgb,var(--m-vert) 7%,var(--m-card))}
.doc-reprise .tx{flex:1;min-width:150px;display:flex;flex-direction:column;gap:2px}
.doc-reprise .tx b{font-size:.95rem;line-height:1.3;color:var(--m-ink)}
.doc-reprise .tx small{color:var(--m-soft);font-size:.82rem}
.doc-reprise-b{flex:1 1 100%;display:flex;flex-direction:column;gap:8px}
.doc-reprise .btn{margin:0;width:100%;font-size:1rem;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}
.doc-reprise .btn.alt{box-shadow:none;border-width:2px;font-size:.95rem;padding:10px 14px}
.doc-reprise .doc-mini{width:44px;height:44px}
.doc-reprise.busy{opacity:.6;pointer-events:none}

/* Réglages › Mes données › « Feuilles scannées (n) » : une ligne discrète */
.doc-rg{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;border-radius:14px;border:2px solid var(--line,#EADFC6);background:var(--card,#fff);color:var(--ink,#2B2A3A);font:inherit;text-align:left;cursor:pointer}
.doc-rg span{flex:1}.doc-rg b{color:var(--soft,#6B6880);font-weight:600}.doc-rg .go{color:var(--soft,#6B6880)}

/* exercice déjà fait : son historique d'abord */
.doc-hist{--m-card:var(--card,#fff);--m-ink:var(--ink,#2B2A3A);--m-soft:var(--soft,#6B6880);--m-line:var(--line,#EADFC6);--m-vert:var(--ogre-d,#3E7F31);
  border:2px solid color-mix(in srgb,var(--m-vert) 35%,var(--m-line));background:color-mix(in srgb,var(--m-vert) 6%,var(--m-card));border-radius:16px;padding:14px;margin:12px 0}
.doc-hist-h{display:flex;align-items:center;gap:12px}
.doc-hist-h .doc-mini{border:0;cursor:pointer;padding:0}
.doc-hist-h .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.doc-hist-h b{color:var(--m-vert);font-size:1rem;display:flex;align-items:center;gap:6px}
.doc-hist-h small{color:var(--m-soft);font-size:.86rem}
.doc-hist-et{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;line-height:1.4}
.doc-hist-et li{display:flex;gap:8px;align-items:flex-start}.doc-hist-et li i{flex:none;margin-top:2px}
.doc-hist-et li.ok i{color:var(--m-vert)}.doc-hist-et li.ko i{color:var(--ko-t,#B8322A)}
.doc-hist-p{margin:10px 0 0;line-height:1.45;color:var(--m-ink)}
.doc-hist-l{margin:12px 0 0;color:var(--m-soft);font-size:.88rem}
.doc-hist-l summary{cursor:pointer;min-height:32px;display:flex;align-items:center}
.doc-hist-l ul{list-style:none;margin:6px 0 0;padding:0}.doc-hist-l li{display:flex;justify-content:space-between;padding:4px 0;border-top:1px solid var(--m-line)}
.fe-hist-b{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.fe-hist-b .btn{margin:0;display:flex;align-items:center;justify-content:center;gap:8px}

/* « Vérifier mon travail » : la dernière vérification d'abord */
.doc-verif{border:2px solid color-mix(in srgb,var(--ogre-d,#3E7F31) 35%,var(--line,#EADFC6));background:color-mix(in srgb,var(--ogre-d,#3E7F31) 6%,var(--card,#fff));border-radius:16px;padding:12px 14px;margin:0 0 12px}
.doc-verif-t{margin:0;font-weight:800;color:var(--ogre-d,#3E7F31);display:flex;align-items:center;gap:6px}
.doc-verif-r{margin:6px 0 0;color:var(--soft,#6B6880);font-size:.92rem;line-height:1.4}
.doc-verif ul{margin:8px 0 0;padding-left:18px;line-height:1.45;font-size:.92rem}
.doc-verif .btn{margin:10px 0 0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;padding:11px 14px}
.doc-verif .btn.busy{opacity:.6;pointer-events:none}