:root { --bleu:#2b5f8f; --ambre:#b45309; --gris:#66707d; --bord:#e3e6eb; --fond:#f6f7f9; }
* { box-sizing: border-box; }
body { margin:0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
       background: var(--fond); color:#1a2230; }
.entete { background: var(--bleu); color:#fff; padding: 18px 20px; }
.entete h1 { margin:0; font-size:1.6rem; letter-spacing:.5px; }
.slogan { margin:2px 0 0; opacity:.9; font-style: italic; }
main { max-width: 720px; margin: 18px auto; padding: 0 16px; display:grid; gap:16px; }
.carte { background:#fff; border:1px solid var(--bord); border-radius:12px; padding:16px 18px; }
.carte h2 { margin:0 0 12px; font-size:1.15rem; }
.carte.alerte { border-color:#f2d9b0; }
.compteur { display:inline-block; min-width:1.6em; text-align:center; background:var(--fond);
            border-radius:999px; font-size:.85rem; padding:1px 8px; color:var(--gris); }
form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
input, button { font: inherit; padding:9px 11px; border-radius:8px; border:1px solid var(--bord); }
input[type=text], input[type=date] { flex:1 1 200px; }
button { background: var(--bleu); color:#fff; border-color:var(--bleu); cursor:pointer; font-weight:600; }
button:hover { filter:brightness(1.08); }
.retour { min-height:1.2em; margin:8px 0 0; color:#23744a; font-size:.95rem; }
.ligne { display:flex; gap:10px; align-items:center; flex-wrap:wrap;
         padding:10px 0; border-top:1px solid var(--bord); }
.ligne:first-child { border-top:0; }
.nom { font-weight:600; }
.meta { color:var(--gris); font-size:.88rem; }
.lien { margin-left:auto; color:var(--bleu); text-decoration:none; font-weight:600; }
.anomalie .badge { background:#fbe4d0; color:var(--ambre); border-radius:6px; padding:1px 7px;
                   font-size:.82rem; font-weight:700; }
.vide { color:var(--gris); margin:6px 0; }
.attendu { margin-top:12px; }
.attendu summary { cursor:pointer; color:var(--bleu); font-size:.92rem; }
.attendu form { margin-top:10px; }