/* menu_v2.css — espace élu·e·s révisé */
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Public+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");

.mn2 { --bleu:#001C31; --vert:#09A38C; --rouge:#BF0C2B; --bleu-clair:#869ECE;
  --texte-doux:#516B8F; --trait:#E8E0DC; --gris:#fbfaf8; --sourd:#6f685c;
  font-family:'Public Sans',system-ui,sans-serif; color:var(--bleu); }
.mn2 *{box-sizing:border-box}
.mn2 p{margin:0}

.mn2-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:30px 32px 22px;flex-wrap:wrap}
.mn2-eyebrow{font:500 11.5px/1 'JetBrains Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--vert);margin-bottom:10px}
.mn2-tete h1{font:700 32px/1.1 'Space Grotesk',sans-serif;margin:0 0 8px}
.mn2-tete p{font-size:15px;line-height:1.55;color:var(--texte-doux);max-width:560px}
.mn2-recherche{display:flex;align-items:center;gap:10px;border:1px solid var(--trait);border-radius:4px;padding:11px 14px;min-width:260px;background:var(--gris)}
.mn2-recherche i{color:var(--sourd);font-size:13px}
.mn2-recherche input{border:none;background:transparent;outline:none;font:400 14px/1 'Public Sans',sans-serif;color:var(--bleu);width:100%}

.mn2-corps{padding:0 32px 32px}
.mn2-groupe{margin-bottom:32px}
.mn2-groupe.admin{border-top:1px solid var(--trait);padding-top:26px}
.mn2-groupe-tete{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.mn2-groupe-tete h2{font:700 19px/1.2 'Space Grotesk',sans-serif;margin:0}
.mn2-groupe.admin .mn2-groupe-tete h2{color:var(--rouge)}
.mn2-groupe-tete i.trait{flex:1;height:1px;background:var(--trait)}
.mn2-groupe-tete .compte{font:500 11px/1 'JetBrains Mono',monospace;color:var(--sourd)}

.mn2-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:12px}
.mn2-lien{display:flex;align-items:flex-start;gap:14px;border:1px solid var(--trait);border-left:3px solid var(--vert);
  background:#fff;padding:16px 18px;text-decoration:none;color:var(--bleu)}
.mn2-lien:hover{background:var(--gris)}
.mn2-groupe.public .mn2-lien{border-left-color:var(--texte-doux)}
.mn2-groupe.admin .mn2-lien{border-left-color:var(--rouge)}
.mn2-lien .ico{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;
  font-size:14px;background:#eefaf7;color:var(--vert)}
.mn2-groupe.public .mn2-lien .ico{background:#eef2f5;color:var(--texte-doux)}
.mn2-groupe.admin .mn2-lien .ico{background:#f9eaed;color:var(--rouge)}
.mn2-lien .txt{min-width:0}
.mn2-lien .label{display:block;font:600 15px/1.3 'Public Sans',sans-serif;margin-bottom:4px}
.mn2-lien .aide{display:block;font:400 13px/1.45 'Public Sans',sans-serif;color:var(--texte-doux)}

.mn2-vide{border:1px dashed var(--trait);padding:36px;text-align:center}
.mn2-vide strong{display:block;font:600 17px/1.35 'Public Sans',sans-serif;margin-bottom:6px}
.mn2-vide p{font-size:14px;line-height:1.55;color:var(--texte-doux)}

@media screen and (max-width:700px){
  .mn2-tete{padding:24px 18px 18px}
  .mn2-tete h1{font-size:26px}
  .mn2-corps{padding:0 18px 28px}
  .mn2-grille{grid-template-columns:1fr}
}