/* Le carnet — compléments à page.css. Volontairement maigre : la page doit
   arriver sur un téléphone en 3G, souvent au champ. */

.compteurs{display:flex;flex-wrap:nowrap;gap:10px;margin:22px 0 8px;overflow-x:auto}
.compteur{flex:1 1 0;min-width:104px;background:#fff;border:1px solid var(--bord);
  border-radius:14px;padding:12px 14px;text-align:left}
.compteur b{display:block;font-size:25px;font-weight:800;color:var(--feuille);line-height:1.05}
.compteur span{display:block;margin-top:3px;font-size:10.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--voile)}
.compteur.alerte b{color:var(--piment)}

.ligne{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;
  background:#fff;border:1px solid var(--bord);border-radius:12px;padding:12px 15px;margin:0 0 9px}
.ligne b{display:block;font-size:15.5px;color:var(--encre)}
.ligne small{display:block;margin-top:2px;font-size:12.5px;color:var(--voile)}
.ligne .note{margin:7px 0 0;font-size:13.5px;color:var(--plume)}
.ligne.retard{border-left:4px solid var(--piment)}
.retard-mot{color:var(--piment);font-weight:700}
.ligne .boutons{display:flex;gap:6px;align-items:center;flex-shrink:0}
.ligne form.enligne select{border:1px solid var(--bord);border-radius:999px;
  padding:5px 10px;font-size:12.5px;background:var(--papier)}
.mini{border:1px solid var(--bord);border-radius:999px;background:#fff;color:var(--feuille);
  padding:6px 13px;font-size:12.5px;cursor:pointer}
.mini:hover{border-color:var(--feuille)}
.mini.gris{color:var(--voile)}

.carte-parcelle{display:block;background:#fff;border:1px solid var(--bord);border-radius:14px;
  padding:14px 17px;margin:0 0 9px;text-decoration:none}
.carte-parcelle:hover{border-color:var(--feuille)}
.carte-parcelle b{display:block;font:600 17px/1.3 var(--serif);color:#0B3B23}
.carte-parcelle small{display:block;margin-top:3px;font-size:12.5px;color:var(--voile)}

.formulaire .rang{display:flex;gap:12px;flex-wrap:wrap}
.formulaire .champ{flex:1 1 150px}
.formulaire .champ.large{flex:2 1 260px}
.formulaire select{width:100%;border:1px solid var(--bord);border-radius:10px;
  padding:11px 13px;font:15px/1.5 inherit;background:var(--papier);color:var(--encre)}
.formulaire.compact{padding:16px 18px}

.vide{color:var(--voile);font-size:14.5px;font-style:italic;margin:0 0 14px}

@media (max-width:560px){
  .ligne{flex-direction:column}
  .ligne .boutons{width:100%}
}


/* ── Accessibilite ──────────────────────────────────────────────────────── */
.saut-au-contenu{position:absolute;left:-9999px;top:0;z-index:100;background:#0B3B23;
  color:#fff;padding:12px 20px;border-radius:0 0 12px 0;font-size:15px;text-decoration:none}
.saut-au-contenu:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,
textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #17A05C;outline-offset:2px;
  border-radius:4px}