/* vue_note.css : LA NOTE DE SYNTHESE, LISIBLE (demandes de Flore, 12 et 13 aout 2026).
   Oeuvre originale, projet Kedros (R17) ; ce fichier est SERVI : aucun nom propre.

   « Il faut pouvoir agrandir la fenetre, il faut des accents, et il faut qu'il y ait
   une mise en page avec du gras, du souligne pour que tout soit bien lisible. »

   La note est le PIVOT du dossier : c'est le document qu'on relit le plus, et c'etait
   le moins lisible du produit. Tout est scope sous les identifiants de la note ; la
   palette est celle de la charte, aucune couleur n'est inventee.

   LA LARGEUR (decision de Flore, 13 aout 2026, DECISIONS 36 et 33.10, qui supplante
   la borne de 80 signes posee par une session) : « pas de limite de caractere. on
   exploite toute la largeur de la carte. Et quand on agrandit le texte s'agrandit
   aussi. Pour aerer et faciliter la lecture, on a les paragraphes, le plan, les
   enumerations sous forme de puces, les tableaux eventuellement. » Le texte prend
   toute la largeur de son cadre, mode agrandi compris ; l'aeration vient de la
   STRUCTURE, jamais d'une colonne. */

/* --- La date de mise a jour, en haut ----------------------------------------- */
#carte-note-synthese .note-fraicheur{font-size:.86rem;margin:0 0 8px;opacity:.8}
#carte-note-synthese .note-fraicheur:empty{display:none}
/* Une note perimee se voit sans crier : la terre brulee dit l'etat, elle n'alarme
   pas. Un fond rouge sur le pivot du dossier serait anxiogene a chaque ouverture. */
#carte-note-synthese .note-fraicheur.perimee{color:var(--alerte);opacity:1}
#carte-note-synthese .note-fraicheur.doute{color:var(--ambre);opacity:1}
/* Le visa des pieces (6 septembre 2026) : une ligne de rapport, jamais une alerte ;
   chaque piece non visee est un bouton qui l'ouvre, comme depuis une bulle. */
#carte-note-synthese .note-visa{font-size:.86rem;margin:0 0 8px;opacity:.8}
#carte-note-synthese .note-visa:empty{display:none}
#carte-note-synthese .note-visa-piece{font:inherit;cursor:pointer;border:0;padding:0;
  background:none;color:var(--accent);text-decoration:underline}

/* --- Les trois gestes -------------------------------------------------------- */
#carte-note-synthese .note-modes{display:flex;gap:6px;margin:0 0 10px}
#carte-note-synthese .note-modes button{font:inherit;font-size:.86rem;cursor:pointer;
  padding:5px 14px;border-radius:999px;border:1px solid var(--trait);
  background:var(--blanc);color:var(--encre)}
#carte-note-synthese .note-modes button:hover{background:var(--fond)}
#carte-note-synthese .note-modes button[aria-pressed=true]{background:var(--accent);
  border-color:var(--accent);color:var(--creme)}

/* --- Le mode LECTURE : la mise en page qui manquait -------------------------- */
#note-rendue{border:1px solid var(--trait);border-radius:var(--rayon);
  background:var(--blanc);padding:24px 28px;max-height:none;overflow:visible;
  font-size:1.05rem;line-height:1.72;counter-reset:note-section}
#note-rendue.cache{display:none}
#note-rendue > *:first-child{margin-top:0}
#note-rendue>h3{font-size:1.14rem;margin:26px 0 9px;color:var(--accent);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
#note-rendue>h3::before{counter-increment:note-section;
  content:counter(note-section) ". ";text-decoration:none;display:inline-block}
/* Les SOUS-TITRES sont soulignes eux aussi (Flore, 5 septembre 2026 : « titres gras
   soulignes, sous-titres soulignes, points importants en gras ») ; le titre de rubrique
   (h3) l'etait deja, le sous-titre (h4) ne l'etait pas. */
#note-rendue h4{font-size:.98rem;margin:16px 0 4px;color:var(--accent);font-weight:700;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#note-rendue h5,#note-rendue h6{font-size:.92rem;margin:14px 0 4px}
#note-rendue p{margin:0 0 10px}
#note-rendue ul,#note-rendue ol{margin:0 0 12px;padding-left:22px}
#note-rendue li{margin:3px 0}
#note-rendue strong{font-weight:750}
#note-rendue u{text-decoration-thickness:1px;text-underline-offset:2px}
#note-rendue code{background:var(--fond);border-radius:4px;padding:1px 5px;
  font-size:.9em}
#note-rendue hr{border:none;border-top:1px solid var(--trait);margin:16px 0}
#note-rendue blockquote{margin:0 0 12px;padding:6px 14px;
  border-left:3px solid var(--doux);background:var(--fond)}
#note-rendue .note-annexe{margin:18px 0;border:1px solid var(--trait);
  border-radius:var(--rayon);background:var(--fond)}
#note-rendue .note-annexe>summary{cursor:pointer;padding:11px 14px;color:var(--accent);
  font-weight:700}
#note-rendue .note-annexe>h3,#note-rendue .note-annexe>ul,
#note-rendue .note-annexe>ol,#note-rendue .note-annexe>p{margin-left:16px;margin-right:16px}
#note-ecarts .note-coherence{margin:12px 0;border:1px solid var(--trait);
  border-radius:var(--rayon);background:var(--fond)}
#note-ecarts .note-coherence>summary{cursor:pointer;padding:10px 13px;
  color:var(--accent);font-weight:700}
#note-ecarts .note-coherence>.np-titre,#note-ecarts .note-coherence>.np-ligne,
#note-ecarts .note-coherence>p{margin-left:13px;margin-right:13px}
/* Les TABLEAUX de la note (decision du 13 aout 2026 : ils font partie de
   l'aeration). Un tableau plus large que la carte defile dans la note, il ne la
   deborde jamais. */
#note-rendue table{border-collapse:collapse;margin:0 0 12px;max-width:100%;
  font-size:.95em}
#note-rendue th,#note-rendue td{border:1px solid var(--trait);padding:5px 10px;
  text-align:left;vertical-align:top}
#note-rendue th{background:var(--fond);font-weight:600}

/* Le lien « Ouvrir la piece » DANS la bulle (demande de Flore du 14 aout 2026) :
   il n'apparait que quand la source est une piece connue du dossier. */
#note-rendue .note-bulle .note-bulle-piece{display:block;margin-top:6px;
  color:var(--creme);text-decoration:underline;text-underline-offset:2px;
  font:inherit;font-weight:600;cursor:pointer;background:transparent;border:0;padding:0}

/* La bulle offre PLUSIEURS pieces quand le libelle en designe plusieurs (3 septembre
   2026) : on ne devine pas laquelle, on les nomme et le lecteur choisit. Ouvrir la
   mauvaise piece serait pire que ne rien ouvrir ; ne rien ouvrir serait pire que
   laisser choisir. */
#note-rendue .note-bulle .note-bulle-piece + .note-bulle-piece{margin-top:3px}
/* La parole du notaire EST une source : la bulle le dit au lieu de rester nue. */
#note-rendue .note-bulle .note-bulle-parole{display:block;margin-top:6px;
  opacity:.85;font-style:italic}

#note-texte.cache{display:none}

/* --- Le cadre de correction en texte libre, PRES de la note (13 aout 2026) --- */
#carte-note-synthese .note-correction{margin-top:14px;padding:12px 14px;
  border:1px dashed var(--trait);border-radius:var(--rayon);background:var(--fond)}
#carte-note-synthese .note-correction label{font-weight:600}
#carte-note-synthese .note-correction textarea{width:100%;margin-top:6px}

/* --- Les appels de note : la source hors du fil du texte (13 aout 2026) ------- */
/* Le marqueur [source : ...] devient un appel en exposant : la bulle se lit au
   survol, au clavier (tabulation) et a l'appui (classe .ouverte posee par la vue :
   le doigt n'a pas de survol). La liste numerotee ferme la note. Palette de la
   charte, aucune couleur inventee. */
#note-rendue sup.note-appel{position:relative;cursor:help;color:var(--accent);
  font-weight:600;line-height:0;padding:0 1px;user-select:none}
#note-rendue sup.note-appel .note-bulle{display:none;position:absolute;left:0;
  bottom:1.5em;z-index:5;min-width:200px;max-width:min(340px,70vw);
  padding:7px 11px;background:var(--encre);color:var(--creme);
  border-radius:var(--rayon);font-size:.82rem;font-weight:400;line-height:1.45;
  white-space:normal}
#note-rendue sup.note-appel:hover .note-bulle,
#note-rendue sup.note-appel:focus .note-bulle,
#note-rendue sup.note-appel.ouverte .note-bulle{display:block}
#note-rendue .note-sources{margin-top:18px;padding-top:10px;
  border-top:1px solid var(--trait)}
#note-rendue .note-sources p{margin:0 0 6px;font-size:.86rem;font-weight:600;
  color:var(--accent)}
#note-rendue .note-sources ol{margin:0;padding-left:22px;font-size:.86rem;
  opacity:.85}
#note-rendue .note-sources li{margin:2px 0}

/* --- AGRANDIR : la note prend la page, et le texte s'agrandit avec elle ------ */
body.note-plein-ecran{overflow:hidden}
#carte-note-synthese.note-agrandie{position:fixed;inset:0;z-index:60;margin:0;
  border-radius:0;overflow:auto;padding:22px 26px;background:var(--blanc);
  box-shadow:none}
/* Toute la largeur, et un corps un peu plus grand : agrandir la fenetre agrandit
   la lecture (decision du 13 aout 2026). */
#carte-note-synthese.note-agrandie #note-rendue{max-height:none;border:none;
  padding:0;max-width:none;font-size:1.06rem;line-height:1.7}
#carte-note-synthese.note-agrandie #note-texte{min-height:70vh}
#carte-note-synthese.note-agrandie .note-modes{position:sticky;top:0;z-index:1;
  background:var(--blanc);padding:6px 0 10px}

@media (max-width:720px){
  #note-rendue{padding:14px 16px;max-height:none}
  #carte-note-synthese.note-agrandie{padding:14px 12px}
}