/* Styles propres au dépôt et aux listes de ressources. */
.messages { list-style: none; margin: 0; padding: 1rem clamp(1rem, 5vw, 4rem) 0; }
.messages li {
  max-width: 46rem; margin: 0 auto .5rem; padding: .6rem .9rem;
  border-left: 3px solid var(--accent); background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.messages li.error { border-left-color: #b3261e; }

.depot { max-width: 34rem; }
.depot .champ { display: grid; gap: .25rem; margin: 0; }
.depot .aide { font-size: .82rem; color: var(--doux); }
.depot textarea, .depot select, .depot input[type="file"] {
  width: 100%; padding: .5rem; font: inherit;
  border: 1px solid var(--trait); background: var(--papier); color: var(--encre);
}
.depot input[type="file"] { padding: .4rem; }

.ressources { list-style: none; padding: 0; display: grid; gap: .8rem; margin: 0 0 2rem; }
.ressources li { border: 1px solid var(--trait); border-radius: 3px; padding: .8rem 1rem; }
.ressources .entete { display: flex; flex-wrap: wrap; gap: .2rem 1rem; align-items: baseline; }
.ressources .entete a, .ressources .titre { font-weight: 600; }
.ressources .notes { margin: .4rem 0 0; font-size: .93rem; }
.ressources .etiquettes { margin: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.ressources .etiquettes span {
  font-size: .78rem; padding: .1rem .5rem; border: 1px solid var(--trait);
  border-radius: 999px; color: var(--doux);
}
.ressources .actions { margin-top: .6rem; display: flex; gap: .8rem; }
.ressources .actions form { margin: 0; }
.fanees li { opacity: .62; }

button.discret {
  border: none; background: none; padding: 0; color: var(--doux);
  font-size: .85rem; text-decoration: underline; cursor: pointer;
}
button.discret:hover { background: none; color: var(--accent); }
button.discret.danger:hover { color: #b3261e; }

.compte {
  font-size: .8rem; font-weight: 400; color: var(--doux);
  border: 1px solid var(--trait); border-radius: 999px; padding: .05rem .5rem;
  vertical-align: middle;
}