/* Espace des membres : application branchée sur l'API (voir docs/api-membres.md). */
.esp{--barre:236px;min-height:calc(100svh - 64px);display:grid;grid-template-columns:var(--barre) 1fr;background:#160F0B}
.esp__nav{background:#120C09;border-right:1px solid var(--brun-3);padding:1.2rem .9rem;display:flex;flex-direction:column;gap:.2rem;position:sticky;top:64px;height:calc(100svh - 64px);overflow:auto}
.esp__nav a{display:flex;align-items:center;gap:.7rem;color:var(--creme-2);text-decoration:none;padding:.65rem .8rem;border-radius:10px;font-weight:700;font-size:.95rem}
.esp__nav a svg{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.esp__nav a:hover{background:var(--brun-2);color:var(--creme)}
.esp__nav a.actif{background:var(--cuivre);color:var(--brun)}
.esp__nav a .badge{margin-left:auto;font-size:.72rem;font-weight:800;background:var(--braise);color:var(--brun);border-radius:999px;padding:.1em .5em;min-width:1.4em;text-align:center}
.esp__nav a.actif .badge{background:var(--brun);color:var(--creme)}
.esp__nav .sep{height:1px;background:var(--brun-3);margin:.6rem 0}
.esp__moi{margin-top:auto;padding:.8rem;border-radius:10px;background:var(--brun-2);font-size:.85rem;color:var(--creme-2);display:grid;gap:.4rem}
.esp__moi select{font:inherit;font-weight:700;color:var(--creme);background:#120C09;border:1.5px solid var(--brun-4);border-radius:8px;padding:.4em .6em;width:100%}
.esp__moi a{color:var(--cuivre-clair);font-size:.85rem}
.esp__contenu{padding:clamp(1rem,3vw,2.2rem);min-width:0}
.esp__tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.esp__tete h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin:0}
.esp__tete p{margin:.2rem 0 0;color:var(--creme-2);max-width:62ch}
.esp__tete .actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.pastille{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;color:var(--brun);background:var(--braise);padding:.3em .8em;border-radius:999px}
.pastille--calme{background:var(--brun-3);color:var(--creme-2)}
.tuiles{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:1.4rem}
.tuile{background:var(--brun-2);border:1px solid var(--brun-3);border-radius:12px;padding:1rem 1.1rem;min-width:0}
.tuile .v{font-family:var(--display);font-size:2.3rem;line-height:1;color:var(--creme);font-variation-settings:"opsz" 96;margin:.2em 0;overflow-wrap:anywhere}
.tuile .l{font-size:.85rem;color:var(--creme-2)}
.tuile .d{font-size:.8rem;color:var(--creme-3);margin-top:.3rem}
.tuile .d.plus{color:#7FB86A}
.tuile--lien{cursor:pointer;transition:border-color .2s}
.tuile--lien:hover{border-color:var(--cuivre)}
.grille2{display:grid;gap:1rem}
.grille2>*{min-width:0}
@media (min-width:1000px){.grille2{grid-template-columns:1.4fr 1fr}.grille2--egal{grid-template-columns:1fr 1fr}.grille2--liste{grid-template-columns:250px 1fr;align-items:start}}
.carte{background:var(--brun-2);border:1px solid var(--brun-3);border-radius:12px;padding:1.1rem 1.2rem;min-width:0}
.carte+.carte{margin-top:1rem}
.carte h2{font-size:1.25rem;margin:0 0 .6rem}
.carte h2 small{font-family:var(--texte);font-size:.82rem;font-weight:600;color:var(--creme-3);margin-left:.5rem}
.carte h2 .droite{float:right;font-family:var(--texte);font-size:.85rem;font-weight:600}
.graph{width:100%;height:auto;display:block}
.graph text{font-family:var(--texte);fill:var(--creme-2);font-size:11px}
.graph .axe{stroke:var(--brun-4);stroke-width:1}
.graph .barre{fill:var(--cuivre)}
.graph .barre--emporter{fill:url(#hachures)}
.graph .barre:hover,.graph .barre--emporter:hover{fill:var(--braise)}
.graph .ligne{fill:none;stroke:var(--cuivre);stroke-width:2;stroke-linejoin:round}
.graph .aire{fill:url(#degrade-aire)}
.legende{display:flex;gap:1rem;font-size:.82rem;color:var(--creme-2);margin-top:.4rem;flex-wrap:wrap}
.legende span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--cuivre);vertical-align:-2px;margin-right:.4rem}
.legende span.emp::before{background:repeating-linear-gradient(135deg,var(--cuivre) 0 2px,transparent 2px 5px)}
.infobulle{position:fixed;z-index:70;background:#0E0906;color:var(--creme);border:1px solid var(--brun-4);border-radius:8px;padding:.45rem .7rem;font-size:.82rem;pointer-events:none;opacity:0;transition:opacity .15s;white-space:nowrap}
.infobulle.vu{opacity:1}
/* Tâches par manifestation (09.09.2026) : une ligne = une coche, un nom, une date ; tout se change d'un appui. */
.taches{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.tache{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;align-items:start;padding:.6rem .7rem;border-radius:10px;background:rgba(246,234,215,.03);border:1px solid transparent;transition:background .2s,border-color .2s}
.tache.mienne{border-color:rgba(201,128,63,.4);background:rgba(201,128,63,.06)}
.tache__coche{display:flex;padding:.15rem 0 0;cursor:pointer}
.tache__coche input{width:26px;height:26px;accent-color:var(--cuivre);margin:0;cursor:pointer}
.tache__corps{min-width:0}
.tache__texte{display:block;width:100%;background:none;border:0;padding:.15rem 0;font:inherit;font-size:1rem;line-height:1.3;color:var(--creme);text-align:left;cursor:pointer;text-decoration:none;overflow-wrap:anywhere}
.tache__texte:hover{color:var(--cuivre-clair)}
.tache.fait .tache__texte{text-decoration:line-through;color:var(--creme-3)}
.tache__meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.2rem}
.tache__qui,.tache__quand,.tache__etiquette{appearance:none;-webkit-appearance:none;font:inherit;font-size:.8rem;font-weight:700;line-height:1.2;color:var(--creme-2);background:var(--brun-3);border:1px solid var(--brun-3);border-radius:999px;padding:.32em .75em;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;min-height:30px}
.tache__qui:hover,.tache__quand:hover{border-color:var(--cuivre);color:var(--creme)}
.tache__qui.vide,.tache__quand.vide,.tache__etiquette.vide{background:transparent;border:1px dashed var(--brun-4);color:var(--creme-3)}
.tache.retard .tache__quand,.tache__etiquette.retard{background:rgba(194,36,47,.16);border-color:rgba(194,36,47,.4);color:#F2A0A6}
.tache__quand-input{font:inherit;font-size:.85rem;color:var(--creme);background:var(--brun);border:1.5px solid var(--cuivre);border-radius:8px;padding:.2em .5em;min-height:30px}
.tache__fait{font-size:.78rem;color:#9BD48A}
.tache--courte .tache__texte{font-size:.95rem}
.tache__etiquette{cursor:default}
.chips{display:flex;gap:.5rem;overflow-x:auto;padding:.1rem .1rem .7rem;margin:0 0 .4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;border:1.5px solid var(--brun-4);color:var(--creme-2);text-decoration:none;font-weight:700;font-size:.9rem;white-space:nowrap;background:var(--brun-2);scroll-snap-align:start;min-height:42px}
.chip small{font-weight:600;color:var(--creme-3);font-size:.78rem}
.chip .n{font-size:.72rem;font-weight:800;background:var(--brun-4);color:var(--creme);border-radius:999px;padding:.15em .55em;font-variant-numeric:tabular-nums}
.chip:hover{border-color:var(--cuivre);color:var(--creme)}
.chip.actif{background:var(--cuivre);border-color:var(--cuivre);color:var(--brun)}
.chip.actif small{color:rgba(27,20,16,.7)}
.chip.actif .n{background:var(--brun);color:var(--creme)}
.avancement{margin:.2rem 0 1rem}
.avancement__barre{height:8px;border-radius:999px;background:var(--brun-3);overflow:hidden}
.avancement__barre span{display:block;height:100%;background:linear-gradient(90deg,var(--cuivre),var(--braise));transition:width .4s}
.avancement__texte{font-size:.85rem;color:var(--creme-2);margin-top:.4rem}
.avancement__texte .retard{color:#F2A0A6}
.taches-barre{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;justify-content:space-between;margin:0 0 .6rem}
.segments{display:inline-flex;background:var(--brun-2);border:1px solid var(--brun-3);border-radius:10px;padding:3px}
.segments button{font:inherit;font-weight:700;font-size:.85rem;color:var(--creme-2);background:none;border:0;border-radius:8px;padding:.5em .85em;cursor:pointer;min-height:36px}
.segments button.actif{background:var(--brun-4);color:var(--creme)}
.groupe-taches{display:flex;align-items:baseline;gap:.6rem;margin:1.1rem 0 .45rem}
.groupe-taches h2{font-size:1.1rem;margin:0}
.groupe-taches small{color:var(--creme-3);font-size:.8rem;font-weight:600}
.tache-ajout{display:flex;gap:.5rem;margin:.8rem 0 0}
.tache-ajout input{flex:1;min-width:0;font:inherit;color:var(--creme);background:var(--brun-2);border:1.5px solid var(--brun-4);border-radius:10px;padding:.6em .9em;min-height:44px}
.tache-ajout input:focus{border-color:var(--cuivre);outline:none}
.tache-ajout .btn{padding:.6em 1.1em;font-size:.92rem;min-height:44px}
.vide-taches{background:var(--brun-2);border:1px dashed var(--brun-4);border-radius:12px;padding:1.4rem 1.2rem;text-align:center}
.vide-taches p{margin:0 0 .9rem;color:var(--creme-2)}
.vide-taches .petit{margin:.8rem auto 0;max-width:46ch}
.vide-taches .tache-ajout{text-align:left;margin-top:1.1rem}
.partage{width:100%;min-height:320px;font:inherit;font-size:.9rem;color:var(--creme);background:var(--brun);border:1.5px solid var(--brun-4);border-radius:10px;padding:.8em}
@media (max-width:600px){.tache{padding:.55rem .55rem}.tache__qui{max-width:130px}.esp__tete .actions .btn{padding:.6em .9em;font-size:.88rem}}
.outils{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:1rem}
.outils input[type=search],.outils input[type=email],.outils select{font:inherit;color:var(--creme);background:var(--brun-2);border:1.5px solid var(--brun-4);border-radius:10px;padding:.55em .9em;min-height:42px;max-width:100%}
.outils input[type=search]{min-width:min(100%,260px)}
.outils .btn{padding:.7em 1.1em;font-size:.92rem}
.outils .espace{flex:1}
.tableau{width:100%;border-collapse:collapse;font-size:.92rem}
.tableau th{text-align:left;font-size:.78rem;color:var(--creme-3);font-weight:700;padding:.5rem .6rem;border-bottom:1px solid var(--brun-4);white-space:nowrap}
.tableau td{padding:.55rem .6rem;border-bottom:1px solid var(--brun-3);vertical-align:middle}
.tableau tr:hover td{background:rgba(246,234,215,.03)}
.tableau tr.selectionne td{background:rgba(201,128,63,.1)}
.tableau tr.ecarte td{opacity:.55;text-decoration:line-through}
.tableau tr.ecarte td:last-child,.tableau tr.ecarte td:nth-last-child(2){text-decoration:none;opacity:1}
.tableau code{font-size:.78rem;color:var(--creme-3)}
.tableau .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tableau input[type=checkbox]{accent-color:var(--cuivre);width:18px;height:18px}
.tableau select{font:inherit;font-size:.85rem;color:var(--creme);background:var(--brun-2);border:1.5px solid var(--brun-4);border-radius:8px;padding:.3em .5em}
.lien{color:var(--cuivre-clair);cursor:pointer;background:none;border:0;font:inherit;padding:0;text-decoration:underline;text-underline-offset:.15em;text-align:left}
.lien:hover{color:var(--braise)}
.etat{display:inline-block;font-size:.76rem;font-weight:800;padding:.2em .6em;border-radius:999px;background:var(--brun-3);color:var(--creme-2);white-space:nowrap}
.etat--oui{background:rgba(33,138,62,.22);color:#9BD48A}
.etat--non{background:rgba(194,36,47,.18);color:#F2A0A6}
.etat--attente{background:rgba(242,163,58,.18);color:var(--braise)}
.etat--info{background:rgba(120,160,220,.18);color:#B9CBDD}
.defile{overflow:auto;border:1px solid var(--brun-3);border-radius:10px}
.pagin{display:flex;gap:.5rem;align-items:center;justify-content:space-between;padding:.7rem .2rem;font-size:.85rem;color:var(--creme-3);flex-wrap:wrap}
.pagin .btn{padding:.5em .9em;font-size:.85rem}
.puce-liste{display:inline-flex;align-items:center;gap:.4em;font-size:.74rem;font-weight:700;color:var(--creme-2);background:var(--brun-3);border-radius:999px;padding:.15em .6em;margin:.1em .2em .1em 0;white-space:nowrap}
.listes{display:grid;gap:.25rem}
.listes button{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;text-align:left;font:inherit;font-weight:600;font-size:.9rem;color:var(--creme-2);background:none;border:0;border-radius:8px;padding:.5rem .7rem;cursor:pointer}
.listes button:hover{background:var(--brun-3);color:var(--creme)}
.listes button.actif{background:var(--cuivre);color:var(--brun)}
.listes button .n{font-size:.78rem;color:var(--creme-3);font-variant-numeric:tabular-nums}
.listes button.actif .n{color:var(--brun)}
.barre-sel{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;background:rgba(201,128,63,.12);border:1px solid var(--cuivre);border-radius:10px;padding:.6rem .9rem;margin:.8rem 0;font-size:.9rem}
.barre-sel select{font:inherit;font-size:.88rem;color:var(--creme);background:var(--brun-2);border:1.5px solid var(--brun-4);border-radius:8px;padding:.35em .6em}
.barre-sel .btn{padding:.5em .9em;font-size:.85rem}
.panneau{position:fixed;top:64px;right:0;bottom:0;width:min(100%,460px);background:#120C09;border-left:1px solid var(--brun-3);padding:1.2rem 1.2rem 2rem;overflow:auto;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:60;box-shadow:-30px 0 60px -30px #000}
.panneau.ouvert{transform:none}
.panneau h3{margin:0 2.4rem .6rem 0;font-size:1.4rem}
.panneau h4{margin:1.2rem 0 .5rem;font-size:1rem;color:var(--creme-2)}
.panneau dl{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.35rem .8rem;font-size:.9rem;margin:0 0 1rem}
.panneau dt{color:var(--creme-3)}.panneau dd{margin:0;color:var(--creme);overflow-wrap:anywhere}
.panneau .fermer{position:absolute;top:.8rem;right:.8rem;background:var(--brun-2);border:0;color:var(--creme);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:1.2rem}
.panneau .form{display:grid;gap:.8rem}
.panneau .form--2{grid-template-columns:1fr 1fr}
.panneau .form .large{grid-column:1/-1}
.panneau .champ input,.panneau .champ select,.panneau .champ textarea{min-height:42px;padding:.6em .8em}
.panneau .boutons{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.panneau .boutons .btn{padding:.7em 1.1em;font-size:.92rem}
.panneau iframe{width:100%;height:520px;border:0;border-radius:8px;background:#F6EAD7}
.panneau img{border-radius:8px;margin-bottom:1rem;display:block}
.form__etat{grid-column:1/-1}
.histo{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.86rem}
.histo li{padding-left:1rem;border-left:2px solid var(--brun-4);color:var(--creme-2)}
.histo b{color:var(--creme);display:block}
.depot{border:2px dashed var(--brun-4);border-radius:12px;padding:1.4rem;text-align:center;color:var(--creme-2);margin-bottom:1rem;transition:border-color .2s,background .2s}
.depot.survol{border-color:var(--cuivre);background:rgba(201,128,63,.08)}
.depot input[type=file]{display:none}
.file{display:grid;grid-template-columns:1fr auto;gap:.3rem .8rem;align-items:center;font-size:.85rem;padding:.5rem .7rem;border-radius:8px;background:rgba(246,234,215,.04);margin-bottom:.4rem}
.file .progres{grid-column:1/-1;margin:0}
.docs{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.doc{background:var(--brun-2);border:1px solid var(--brun-3);border-radius:10px;padding:.9rem;display:grid;gap:.3rem;cursor:pointer;text-align:left;font:inherit;color:inherit;align-content:start}
.doc:hover{border-color:var(--cuivre)}
.doc .type{font-size:.72rem;font-weight:800;color:var(--brun);background:var(--creme-2);display:inline-block;padding:.15em .5em;border-radius:4px;justify-self:start}
.doc .type--pdf{background:#F2A0A6}.doc .type--jpg,.doc .type--jpeg,.doc .type--png{background:#9BD48A}.doc .type--pages{background:#B9CBDD}.doc .type--xlsx{background:#8ED1B0}
.doc b{font-size:.95rem;color:var(--creme);line-height:1.25;overflow-wrap:anywhere}
.doc .m{font-size:.8rem;color:var(--creme-3)}
.groupe-doc{margin:1.2rem 0 .6rem;font-size:1.05rem;color:var(--creme-2)}
.compose{display:grid;gap:1rem}
@media (min-width:1000px){.compose{grid-template-columns:1fr 1fr}}
.compose label,.bloc-label{display:block;font-weight:700;font-size:.9rem;color:var(--creme-2);margin-bottom:.3rem}
.compose input,.compose textarea,.compose select{width:100%;font:inherit;color:var(--creme);background:var(--brun-2);border:1.5px solid var(--brun-4);border-radius:10px;padding:.7em .9em}
.compose textarea{min-height:240px;resize:vertical}
.puces{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem}
.puces label{display:inline-flex;gap:.5em;align-items:center;padding:.45em .9em;border-radius:999px;border:1.5px solid var(--brun-4);cursor:pointer;font-size:.88rem;font-weight:600;color:var(--creme)}
.puces label:has(input:checked){border-color:var(--cuivre);background:rgba(201,128,63,.14)}
.puces input,.compose .puces input{appearance:none;-webkit-appearance:none;margin:0;width:20px;height:20px;min-height:0;padding:0;flex:0 0 auto;border:2px solid var(--brun-4);border-radius:6px;background:var(--brun);display:inline-grid;place-content:center;cursor:pointer}
.puces input[type=radio]{border-radius:50%}
.puces input::before{content:"";width:12px;height:12px;transform:scale(0);background:var(--brun);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}
.puces input[type=radio]::before{clip-path:none;border-radius:50%;width:9px;height:9px}
.puces input:checked{background:var(--cuivre);border-color:var(--cuivre)}
.puces input:checked::before{transform:scale(1)}
.puces label:has(input:checked){border-color:var(--cuivre);background:rgba(201,128,63,.22);color:var(--creme)}
.puces small{color:var(--creme-3);font-weight:600}
.avert{font-size:.85rem;color:var(--braise);background:rgba(242,163,58,.1);border:1px solid rgba(242,163,58,.35);border-radius:8px;padding:.6rem .8rem;margin:.6rem 0}
.apercu-mail{background:#F6EAD7;color:#1E1409;border-radius:10px;padding:0;min-height:300px;overflow:hidden}
.apercu-mail iframe{width:100%;height:100%;min-height:420px;border:0;display:block;background:#F6EAD7}
.apercu-mail .vide{padding:1.4rem;color:#6b5238;font-family:Georgia,serif}
.progres{height:10px;border-radius:999px;background:var(--brun-3);overflow:hidden;margin:.6rem 0}
.progres span{display:block;height:100%;width:0;background:var(--cuivre);transition:width .3s}
.toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%,20px);background:#0E0906;color:var(--creme);border:1px solid var(--brun-4);border-radius:10px;padding:.7rem 1.1rem;font-size:.92rem;opacity:0;transition:opacity .3s,transform .3s;z-index:80;max-width:90vw}
.toast.vu{opacity:1;transform:translate(-50%,0)}
.toast.erreur{border-color:#C2242F}
.connexion{min-height:calc(100svh - 64px);display:grid;place-items:center;padding:2rem var(--marge)}
.connexion .etiquette{max-width:440px;width:100%}
.connexion .champ input{font-size:1.4rem;letter-spacing:.3em;text-align:center}
.connexion .champ input[type=email]{font-size:1rem;letter-spacing:normal;text-align:left}
.membres-grille{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.membre{background:var(--brun-2);border:1px solid var(--brun-3);border-radius:10px;padding:.9rem;display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;cursor:pointer;text-align:left;font:inherit;color:inherit}
.membre:hover{border-color:var(--cuivre)}
.membre.inactif{opacity:.55}
.membre .av{width:42px;height:42px;border-radius:50%;background:var(--brun-3);display:grid;place-items:center;font-family:var(--display);font-size:1.1rem;color:var(--creme)}
.membre b{display:block;color:var(--creme)}
.membre .r{font-size:.82rem;color:var(--creme-3)}
.msg{display:grid;gap:.3rem;padding:.8rem .9rem;border-radius:10px;background:rgba(246,234,215,.03);border:1px solid var(--brun-3);margin-bottom:.6rem}
.msg.nonlu{border-color:var(--cuivre)}
.msg .de{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--creme-3)}
.msg .de b{color:var(--creme)}
.msg p{margin:0;white-space:pre-line;color:var(--creme-2)}
.msg .actions{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.85rem}
.vide{padding:1.2rem;text-align:center;color:var(--creme-3);font-size:.92rem}
.chargement{padding:3rem 1rem;text-align:center;color:var(--creme-3)}
.chargement::before{content:"";display:block;width:34px;height:34px;margin:0 auto .8rem;border-radius:50%;border:3px solid var(--brun-3);border-top-color:var(--cuivre);animation:tourne 1s linear infinite}
@keyframes tourne{to{transform:rotate(360deg)}}
.erreur-bloc{background:rgba(194,36,47,.14);border:1px solid rgba(194,36,47,.5);border-radius:10px;padding:1rem 1.2rem;margin-bottom:1rem}
.aide-ligne{font-size:.85rem;color:var(--creme-3);margin:.4rem 0 0}
details.plus summary{cursor:pointer;color:var(--cuivre-clair);font-weight:600;font-size:.9rem;margin:.4rem 0}
.ligne-chiffres{display:flex;gap:1.2rem;flex-wrap:wrap;font-size:.9rem;color:var(--creme-2);margin:.2rem 0 .8rem}
.ligne-chiffres b{color:var(--creme);font-family:var(--display);font-size:1.3rem}
@media (max-width:900px){
  .esp{grid-template-columns:1fr}
  .esp__nav{position:sticky;top:64px;height:auto;flex-direction:row;overflow-x:auto;gap:.3rem;padding:.6rem .8rem;border-right:0;border-bottom:1px solid var(--brun-3)}
  .esp__nav a{white-space:nowrap;padding:.5rem .7rem;font-size:.88rem}
  .esp__nav .sep,.esp__moi{display:none}
  .panneau .form--2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.panneau,.toast,.progres span{transition:none}.chargement::before{animation:none}}
.carte dl{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
.carte dd,.carte dt{min-width:0;overflow-wrap:anywhere;margin:0}
.carte code{overflow-wrap:anywhere}
.compose-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-top:1rem}
.compose-actions .test{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap;max-width:100%}
.compose-actions .test input{font:inherit;color:var(--creme);background:var(--brun-2);border:1.5px solid var(--brun-4);border-radius:10px;padding:.55em .9em;min-height:42px;max-width:100%;width:220px}
.agenda-membres{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.agenda-membres li{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.8rem;padding:.45rem .6rem;border-radius:8px;background:rgba(246,234,215,.03);font-size:.92rem}
.agenda-membres .quand{color:var(--creme-3);white-space:nowrap}
.agenda-membres .quoi{color:var(--creme)}
/* Documents lus et tâches reliées (09.09.2026) */
.doc__haut{display:flex;justify-content:space-between;align-items:center;gap:.4rem}
.doc__montant{font-weight:800;color:var(--braise);font-size:.85rem;font-variant-numeric:tabular-nums}
.doc__nonlu{font-size:.7rem;font-weight:700;color:var(--creme-3);border:1px dashed var(--brun-4);border-radius:999px;padding:.1em .5em}
.doc__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.1rem}
.doc__extrait{font-size:.8rem;color:var(--creme-3);line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tache__repere{font-size:.82rem;color:var(--creme-2);margin-top:.35rem;line-height:1.4;overflow-wrap:anywhere}
.tache__repere-texte{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.tache__repere.ouvert .tache__repere-texte{display:block;-webkit-line-clamp:unset}
.tache__repere-liens{display:block;margin-top:.15rem}
/* Ce que les éditions passées nous apprennent (groupe WhatsApp + PV) */
.editions{margin:.2rem 0 1rem}
.editions summary small{margin-left:.4rem;font-weight:400}
.editions__liste{display:grid;gap:.6rem;margin-top:.5rem}
@media (min-width:960px){.editions__liste{grid-template-columns:1fr 1fr}}
.edition{background:rgba(246,234,215,.04);border:1px solid var(--brun-3);border-radius:10px;padding:.7rem .9rem;min-width:0}
.edition h3{margin:0 0 .25rem;font-size:1rem;line-height:1.3}
.edition h3 small{color:var(--creme-3);font-weight:400;font-size:.78rem;margin-left:.35rem}
.edition__chiffres{margin:0 0 .25rem;font-weight:700;color:var(--braise);font-size:.88rem;font-variant-numeric:tabular-nums}
.edition__note{margin:0 0 .3rem;font-size:.78rem;color:var(--creme-3)}
.edition ul{margin:.2rem 0 .3rem;padding-left:1.1rem;font-size:.84rem;color:var(--creme-2);line-height:1.4}
.edition li{margin:.15rem 0;overflow-wrap:anywhere}
.edition__lecons{margin:.35rem 0 0;font-size:.84rem;color:var(--creme);line-height:1.4}
.edition__lecons b{color:var(--cuivre-clair)}
.edition__source{margin:.35rem 0 0;font-size:.72rem;color:var(--creme-3)}
.tache__repere a{color:var(--cuivre-clair)}
.tache__repere .lien{font-size:.82rem}
.taches-liens{display:flex;flex-wrap:wrap;gap:.3rem 1rem}
.taches-budget{font-size:.9rem;color:var(--creme-2);margin:0 0 .8rem}
.taches-budget b{color:var(--braise)}
.lignes-lues{width:100%;border-collapse:collapse;font-size:.85rem;margin:.3rem 0 1rem}
.lignes-lues td{padding:.3rem .4rem;border-bottom:1px solid var(--brun-3);vertical-align:top;overflow-wrap:anywhere}
.lignes-lues td.num{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;color:var(--creme-2)}
.texte-lu{white-space:pre-wrap;font:inherit;font-size:.8rem;line-height:1.4;max-height:280px;overflow:auto;background:var(--brun);border:1px solid var(--brun-3);border-radius:8px;padding:.7rem;color:var(--creme-2);margin:.4rem 0 0}
.panneau .champ textarea{min-height:70px}
[data-docs-tache]{max-height:220px;overflow:auto}
[data-docs-tache] label{font-size:.82rem;padding:.35em .7em}

/* Manifestations : une famille, une édition, ses tâches et ses documents (09.09.2026, soir) */
.familles{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;margin:0 0 1rem}
.famille{position:relative;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.65rem .25rem .55rem;border-radius:12px;border:1.5px solid var(--brun-3);background:var(--brun-2);color:var(--creme-2);text-decoration:none;font-size:.74rem;font-weight:700;min-width:0;text-align:center}
.famille svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.famille span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.famille:hover{border-color:var(--cuivre);color:var(--creme)}
.famille.actif{background:var(--cuivre);border-color:var(--cuivre);color:var(--brun)}
.famille .n{position:absolute;top:-7px;right:-4px;font-size:.68rem;font-weight:800;background:var(--braise);color:var(--brun);border-radius:999px;padding:.12em .45em;min-width:1.6em;text-align:center;font-variant-numeric:tabular-nums}
.famille.actif .n{background:var(--brun);color:var(--creme)}
@media (max-width:640px){.familles{grid-template-columns:repeat(4,minmax(0,1fr))}.famille{font-size:.7rem;padding:.55rem .2rem .45rem}}
.edition-barre{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:0 0 .6rem}
.edition-choix{appearance:none;-webkit-appearance:none;font:inherit;font-weight:800;font-size:1.02rem;color:var(--creme);background:var(--brun-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2A566' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7em center/18px;border:1.5px solid var(--brun-4);border-radius:10px;padding:.6em 2.3em .6em .9em;max-width:100%;min-width:0;cursor:pointer}
.edition-choix:focus{border-color:var(--cuivre);outline:none}
.edition-titre{font-weight:800;font-size:1.02rem;color:var(--creme)}
.edition-quand{color:var(--creme-3);font-size:.9rem}
.sec{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .8rem;margin:1.2rem 0 .6rem}
.sec h2{margin:0;font-size:1.3rem}
.sec h2 small{margin-left:.45rem;font-weight:600;font-size:.8rem;font-family:var(--texte);letter-spacing:0}
.sec .actions{display:flex;flex-wrap:wrap;gap:.4rem}
.btn--petit{padding:.5em .9em;font-size:.84rem;min-height:38px}
.sec-docs{margin-top:1.8rem;border-top:1px solid var(--brun-3);padding-top:.5rem}
.personnes{display:flex;gap:.4rem;overflow-x:auto;padding:.1rem .1rem .6rem;margin:0 0 .4rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.personnes::-webkit-scrollbar{display:none}
.personne{flex:0 0 auto;display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .75rem .25rem .3rem;border-radius:999px;border:1.5px solid var(--brun-4);background:var(--brun-2);color:var(--creme-2);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;min-height:40px}
.personne__av{width:28px;height:28px;border-radius:50%;background:var(--brun-4);color:var(--creme);display:grid;place-items:center;font-size:.72rem;font-weight:800;flex:0 0 28px}
.personne__n{font-size:.72rem;color:var(--creme-3);font-variant-numeric:tabular-nums}
.personne:hover{border-color:var(--cuivre);color:var(--creme)}
.personne.actif{background:var(--cuivre);border-color:var(--cuivre);color:var(--brun)}
.personne.actif .personne__av{background:var(--brun);color:var(--creme)}
.personne.actif .personne__n{color:rgba(27,20,16,.75)}
.groupe-taches h3{font-size:1.05rem;margin:0}
.tache__i,.tache__ecarte{font:inherit;font-size:.8rem;font-weight:800;line-height:1;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--brun-4);background:transparent;color:var(--creme-3);cursor:pointer;display:inline-grid;place-items:center;padding:0}
.tache__i{font-family:var(--display);font-style:italic}
.tache__i:hover,.tache__ecarte:hover{border-color:var(--cuivre);color:var(--creme)}
.tache.ecartee .tache__texte{text-decoration:line-through;color:var(--creme-3)}
.tache.ecartee{opacity:.8}
.tache.ecartee .tache__coche{visibility:hidden}
.tache__etiquette.ecartee{background:transparent;border:1px dashed var(--brun-4);color:var(--creme-3)}
.tache__meta .lien{font-size:.8rem}
.ecartees{margin-top:1rem}
.fiche-edition{margin:0 0 1rem;padding:1rem 1.1rem}
.fiche-edition h3{font-size:1.2rem}
.repere-long{white-space:pre-wrap;line-height:1.5;background:rgba(246,234,215,.04);border:1px solid var(--brun-3);border-radius:10px;padding:.7rem .9rem;margin:0 0 .8rem}
.outils--docs{gap:.5rem}
.outils--docs input[type=search]{flex:1 1 220px;min-width:0}
.outils--docs select{flex:0 1 auto;max-width:calc(50% - .3rem)}
.bascule{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--creme-2);cursor:pointer}
.bascule input{width:20px;height:20px;accent-color:var(--cuivre);margin:0}
.corrections{margin:-.4rem 0 .6rem}
.corrections b{color:var(--cuivre-clair)}
.depot--petit{padding:.9rem 1rem;font-size:.85rem;margin-top:1.2rem}
.docs{margin-bottom:.4rem}

/* Comptes personnels : formulaire classique, lisible aussi sur téléphone. */
.page-membres .connexion h1{font-size:2rem;line-height:1.15;margin:0 0 .7rem}
.connexion .champ input{font-size:1rem;letter-spacing:normal;text-align:left;min-width:0}
.connexion-surtitre{font-size:.65rem;letter-spacing:.12em;font-weight:700;margin:0 0 1rem}
.connexion-secret{display:flex;position:relative;align-items:center}
.connexion-secret input{width:100%;padding-right:5rem}
.connexion-secret button{position:absolute;right:.7rem;background:none;border:0;font:inherit;font-size:.78rem;cursor:pointer;color:#315b40;padding:.5rem .1rem}
.connexion-options{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.8rem;margin:.5rem 0 1rem}
.connexion-options label{display:flex;align-items:center;gap:.45rem;cursor:pointer}
.connexion-options input{accent-color:#315b40;width:1rem;height:1rem}
.connexion-principal{width:100%;justify-content:center;min-height:48px;margin-top:.3rem}
.connexion-premiere{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;border-top:1px solid #dbe2d4;padding-top:1.1rem;margin-top:1.4rem;font-size:.88rem}
.connexion-note{font-size:.78rem;line-height:1.55;color:#5c675a;margin:1rem 0 0}
.connexion-generer{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;font-size:.83rem;margin:0 0 1rem}
.connexion-retour{display:block;font-size:.82rem;margin:0 0 1.2rem}
.connexion-site{display:block;text-align:center;font-size:.77rem;color:#536650;margin-top:1.8rem}
.connexion [data-form-compte]>.connexion-retour{margin:1rem 0 0}
.connexion .form__etat:empty{display:none}
.connexion .form__etat{font-size:.87rem;line-height:1.5;margin:.7rem 0}
@media(max-width:600px){.page-membres .connexion .crm-connexion-decor{min-height:145px;height:145px}.page-membres .connexion .crm-connexion-decor h2{font-size:1.45rem}.page-membres .connexion .crm-connexion-decor>div{bottom:1rem}.page-membres .connexion .connexion-carte{max-width:none}.connexion-options{font-size:.77rem}.connexion .champ input{font-size:16px}}
.page-membres .connexion .crm-connexion-decor{width:100%}
.page-membres .connexion .lien{background:none;color:#315b40;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.page-membres .connexion .lien:hover{color:#163e2e}
.page-membres .connexion button:focus-visible,.page-membres .connexion a:focus-visible{outline:2px solid #315b40;outline-offset:4px;border-radius:3px}
.page-membres .connexion .connexion-carte{max-width:none;align-self:stretch;display:flex;flex-direction:column;justify-content:center}