/* La bibliothèque de blocs (S-020). */
.recherche { display: flex; gap: .6rem; align-items: baseline; flex-wrap: wrap; margin: 0 0 1rem; }
.recherche label { font-size: .9rem; color: var(--doux); }
.recherche input {
  padding: .45rem .6rem; font: inherit; min-width: 14rem;
  border: 1px solid var(--trait); background: var(--papier); color: var(--encre);
}
.recherche input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.cartes.blocs li.inactif { opacity: .55; }
.etiquettes { margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.etiquettes .mot {
  font-size: .78rem; padding: .1rem .5rem; border: 1px solid var(--trait);
  border-radius: 999px; text-decoration: none; color: var(--doux);
}
.etiquettes .mot:hover { border-color: var(--accent); color: var(--accent); }
.retour { margin: 0 0 1rem; font-size: .9rem; }
.retour a { text-decoration: none; }
.documents, .poses, .anciennes { list-style: none; padding: 0; display: grid; gap: .45rem; }
.documents li, .poses li { border-bottom: 1px solid var(--trait); padding: .45rem 0; }
.documents .meta { margin-left: .6rem; }
.compte { font-size: .9rem; color: var(--doux); font-weight: 400; }
.texte { margin-top: .3rem; }

/* S-021 : actions d edition */
.actions-bloc { display: flex; gap: .8rem; align-items: center; flex-wrap: wrap; }
.actions-bloc form { margin: 0; }
.ajouter { border: 1px solid var(--trait); border-radius: 3px; padding: .6rem 1rem; margin: 1rem 0; }
.ajouter summary { cursor: pointer; color: var(--accent); }
.ajouter .formulaire { margin-top: 1rem; }
.formulaire textarea, .formulaire select { width: 100%; padding: .5rem; font: inherit; border: 1px solid var(--trait); background: var(--papier); color: var(--encre); }

/* Meme code couleur dans la bibliotheque : documents = teinte, creux = transparent. */
.cartes.blocs li.pleine {
  background: color-mix(in srgb, var(--pret) 10%, transparent);
  border-color: color-mix(in srgb, var(--pret) 50%, var(--trait));
}
.cartes.blocs li.creuse strong { color: var(--doux); }