body {
    background-color: skyblue;
}

/* Interface d'administration : quelques règles de plus, mêmes principes. */
.page--wide { max-width: 64rem; }

.page-header nav { margin-top: 0.5rem; display: flex; flex-wrap: wrap; gap: 1rem; }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; }
caption { text-align: left; font-weight: 600; margin-bottom: 0.5rem; }
th, td { border: 1px solid var(--bordure); padding: 0.5rem 0.75rem; text-align: left; vertical-align: top; }
thead th { background: var(--fond-discret); }

/* Les tableaux larges défilent dans leur propre boîte : la page ne défile jamais
   horizontalement, ce qui casserait la lecture au zoom 200 %. */
main { overflow-x: auto; }

fieldset { margin: 1.5rem 0; padding: 1rem; border: 2px solid var(--bordure); border-radius: 4px; }
legend { font-weight: 600; padding: 0 0.5rem; }

select {
    min-height: 2.75rem;
    padding: 0.5rem;
    font: inherit;
    border: 2px solid var(--bordure);
    border-radius: 4px;
    background: var(--fond);
    color: var(--texte);
}

code { background: var(--fond-discret); padding: 0.1em 0.35em; border-radius: 3px; word-break: break-all; }
.filters { display: flex; gap: 1rem; align-items: flex-end; flex-wrap: wrap; }