:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; max-width: 52rem; margin: 2rem auto; padding: 0 1rem; line-height: 1.5; }
table { border-collapse: collapse; width: 100%; margin-bottom: 1.5rem; }
th, td { text-align: left; padding: .4rem .6rem; border-bottom: 1px solid #8884; vertical-align: top; }
code { background: #8882; padding: .1rem .3rem; border-radius: .2rem; }
.vide { opacity: .7; font-style: italic; }
.erreur { color: #b00020; font-weight: 600; }
.ok { color: #0a7d28; font-weight: 600; }
form.saisie { display: grid; gap: .6rem; max-width: 34rem; margin-bottom: 2rem; }
form.saisie label { display: grid; gap: .2rem; font-size: .95rem; }
form.saisie input, form.saisie select, form.saisie textarea {
  padding: .4rem; font: inherit; border: 1px solid #8886; border-radius: .25rem; background: transparent; color: inherit;
}
form.saisie textarea { min-height: 6rem; }
button { padding: .45rem .9rem; font: inherit; cursor: pointer; border-radius: .25rem; border: 1px solid #8886; background: transparent; color: inherit; }
.erreurs { border-left: 3px solid #b00020; padding-left: .8rem; }
.barre { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }