/* L'écran du bordereau. Il reprend les couleurs de la feuille du site (serveur/pages/style.css), en clair comme en
   sombre. */
.bordereau-note{border-left:3px solid var(--or); padding:.25rem 0 .25rem 1rem; margin:0 0 1.5rem; color:var(--encre)}
.bordereau-note p{margin:.5rem 0}
.bordereau-note ul{margin:.25rem 0 .5rem; padding-left:1.25rem}
.bordereau-document{display:grid; grid-template-columns:minmax(10rem, max-content) 1fr; gap:.35rem 1rem; margin:0 0 1.5rem}
.bordereau-document dt{color:var(--encre-douce)}
.bordereau-document dd{margin:0; overflow-wrap:anywhere}
.bordereau-document .empreinte{font-family:var(--mono); font-size:.85rem}
.bordereau-document input{font:inherit; width:100%; max-width:32rem; padding:.3rem .5rem; border:1px solid var(--trait-fort);
  border-radius:6px; background:var(--surface); color:var(--encre)}
.bordereau-lignes{list-style:none; margin:0; padding:0; display:grid; gap:.75rem}
.ligne-bordereau{border:1px solid var(--trait); border-radius:10px; padding:.75rem 1rem; background:var(--papier-2)}
.ligne-bordereau.retiree{opacity:.65; border-style:dashed}
.ligne-bordereau .ref-tete{display:flex; flex-wrap:wrap; align-items:baseline; gap:.35rem .75rem}
.ligne-bordereau .sorte{font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; color:var(--or)}
.ligne-bordereau .ref{font-weight:600; overflow-wrap:anywhere}
.ligne-bordereau.retiree .ref{text-decoration:line-through}
.ligne-bordereau .place{color:var(--encre-douce); font-size:.88rem}
.ligne-bordereau .statut{color:var(--encre-douce); font-size:.88rem; font-style:italic}
.ligne-bordereau .ecartes{color:var(--encre-douce); font-size:.88rem}
.ligne-bordereau .abords, .ligne-bordereau .mots{margin-top:.5rem; display:flex; flex-wrap:wrap; align-items:baseline; gap:.35rem .6rem}
.ligne-bordereau .etiquette{font-size:.8rem; color:var(--encre-douce); min-width:9rem}
.ligne-bordereau .explication{flex:1 1 100%; font-size:.85rem; color:var(--encre-douce)}
.ligne-bordereau .texte-abords{flex:1 1 20rem; line-height:1.9; overflow-wrap:anywhere}
.ligne-bordereau .liste-mots{flex:1 1 20rem; display:flex; flex-wrap:wrap; gap:.3rem}
.ligne-bordereau button.mot{font:inherit; border:1px solid transparent; border-radius:5px; padding:0 .15rem; margin:0;
  background:none; color:inherit; cursor:pointer}
.ligne-bordereau button.mot:hover{border-color:var(--ko); color:var(--ko)}
.ligne-bordereau .liste-mots button.mot{border-color:var(--trait-fort); padding:0 .4rem}
.ligne-bordereau button.mot.retire{color:var(--encre-douce); border-color:var(--trait-fort)}
.ligne-bordereau button.mot.retire-liste{text-decoration:line-through; color:var(--encre-douce)}
.ligne-bordereau details.lu{margin-top:.5rem; font-size:.88rem}
.ligne-bordereau details.lu summary{cursor:pointer; color:var(--encre-douce)}
.ligne-bordereau details.lu dl{display:grid; grid-template-columns:max-content 1fr; gap:.2rem .75rem; margin:.4rem 0 0}
.ligne-bordereau details.lu dd{margin:0; overflow-wrap:anywhere}
.bordereau details.tel-quel{margin-top:1.25rem; font-size:.88rem}
.bordereau details.tel-quel summary{cursor:pointer; color:var(--encre-douce)}
.bordereau details.tel-quel pre{font-family:var(--mono); font-size:.8rem; white-space:pre-wrap; overflow-wrap:anywhere;
  max-height:24rem; overflow:auto; background:var(--papier-2); border:1px solid var(--trait); border-radius:8px; padding:.75rem}
.bordereau .actions{margin-top:1.5rem}