/* La capacité du service, juste au-dessus du compositeur. Ce n'est ni une
   publicité ni une jauge anxiogène : une information courte, cliquable, qui
   relie clairement le service gratuit à son financement. */
.capacite{
  width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:8px;padding:2px 7px 7px;border:0;background:none;
  color:var(--brume);font:inherit;font-size:11px;line-height:1.3;cursor:pointer;
  text-align:left
}
.capacite:hover .capacite-soutien{color:#ffd0ae}
.capacite:focus-visible{outline:2px solid var(--ecume);outline-offset:1px;border-radius:10px}
.capacite-point{width:6px;height:6px;border-radius:50%;background:var(--ecume);box-shadow:0 0 10px rgba(143,227,223,.68)}
.capacite-etat{color:var(--sable);font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.capacite-impact{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.capacite-impact-court{display:none}
.capacite-soutien{color:var(--corail);font-weight:650;margin-left:4px;transition:color var(--t-court) var(--ease)}
.capacite-rail{grid-column:2/4;height:2px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.capacite-niveau{display:block;height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lagon),var(--ecume));transform-origin:left;transition:width .55s var(--ease),background .2s var(--ease)}
.capacite[data-mode="presence"] .capacite-niveau{width:36%;animation:capaciteRespire 2.8s ease-in-out infinite alternate}
.capacite[data-niveau="bas"] .capacite-niveau{background:var(--corail)}
.capacite[data-niveau="vide"] .capacite-point{background:var(--corail);box-shadow:0 0 10px rgba(244,165,106,.55)}
.capacite[data-niveau="vide"] .capacite-niveau{width:0!important}
@keyframes capaciteRespire{from{transform:translateX(-8%);opacity:.55}to{transform:translateX(178%);opacity:1}}
@media(max-width:520px){
  .capacite{padding:1px 6px 6px;font-size:10px;gap:6px}
  .capacite-impact-long{display:none}.capacite-impact-court{display:inline}.capacite-impact{max-width:48vw}
}
@media(prefers-reduced-motion:reduce){.capacite[data-mode="presence"] .capacite-niveau{animation:none;width:100%;opacity:.55}}

/* CAPACITÉ ÉPUISÉE, DANS LE FIL DE CONVERSATION.
   Le visiteur a posé une vraie question et n'aura pas sa réponse aujourd'hui :
   c'est le pire moment pour lui servir une ligne d'erreur rouge. On garde le
   ton du site — fond sombre, filet corail — et on explique ce qu'est le
   projet, ce qu'un don ouvre, et comment devenir partenaire. */
.tour.capacite-vide .bulle{background:rgba(244,165,106,.07);border:1px solid rgba(244,165,106,.28)}
.cap-vide{display:flex;flex-direction:column;gap:10px}
.cap-vide p{margin:0;font-size:14px;line-height:1.55;color:var(--brume)}
.cap-vide p b{color:var(--sable);font-weight:650}
.cap-vide-titre{color:var(--sable)!important;font-weight:650}
.cap-vide-titre span{display:block;font-weight:400;color:var(--brume);font-size:13px;margin-top:2px}
.cap-vide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.cap-vide-don,.cap-vide-lien{
  font:inherit;font-size:13.5px;font-weight:600;line-height:1;cursor:pointer;
  padding:11px 16px;border-radius:999px;text-decoration:none;transition:opacity var(--t-court) var(--ease)
}
.cap-vide-don{border:0;background:var(--corail);color:#1b1208}
.cap-vide-lien{border:1px solid rgba(255,255,255,.22);background:none;color:var(--sable)}
.cap-vide-don:hover,.cap-vide-lien:hover{opacity:.85}
.cap-vide-don:focus-visible,.cap-vide-lien:focus-visible{outline:2px solid var(--ecume);outline-offset:2px}
@media(max-width:520px){.cap-vide-actions{gap:8px}.cap-vide-don,.cap-vide-lien{flex:1 1 100%;text-align:center}}