/* **Les factures émises se TÉLÉCHARGENT.** Les liens portaient le nom du fichier, et
   rien ne disait qu'on pouvait les ouvrir : « F2026-0001-MBWAY.pdf » se lit comme une
   référence, pas comme une action. C'est le document qu'une école redemandera. */
.fact-emises { list-style: none; padding: 0; margin: 0; }

.fact-emises li {
  display: flex;
  gap: var(--e3);
  align-items: baseline;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--trait);
}

.fact-emises li:last-child { border-bottom: 0; }
.fact-ref { font-weight: 600; }
.fact-ecole { font-weight: 600; }
.fact-montant { color: var(--encre-tenue); }
.fact-emise { font-size: var(--t-mini); color: var(--encre-pale); }

/* Les actions, toujours à droite. Le `margin-right: auto` vivait sur « émise le »,
   qui est OPTIONNEL : quand la date manquait — les dix minutes de retard du miroir,
   juste après une émission —, les boutons remontaient au milieu de la ligne. Une
   colonne ne se lit que si elle est alignée, et une mise en page ne doit pas dépendre
   de la présence d'une donnée. */
.fact-actions {
  margin-left: auto;
  display: flex;
  gap: var(--e3);
  align-items: baseline;
  flex-wrap: wrap;
}

/* L'échéance. L'accent est réservé au RETARD : le mettre aussi sur « due le 30/09 »
   le viderait de son sens, et c'est la facture impayée qu'on cherche ici. */
.fact-echeance { font-size: var(--t-petit); color: var(--encre-tenue); }
.fact-retard .fact-echeance { color: var(--accent-texte); font-weight: 600; }

.fact-telecharger {
  border: 1px solid var(--trait);
  border-radius: 999px;
  padding: 0.15rem 0.6rem;
  font-size: var(--t-mini);
  font-weight: 600;
  text-decoration: none;
  color: var(--encre);
  white-space: nowrap;
}

.fact-telecharger:hover, .fact-telecharger:focus-visible {
  border-color: var(--trait-fort);
  background: var(--creux);
}

/* Une facture au registre dont le rendu a disparu : dit, jamais tu. Un blanc à la
   place d'un lien se lirait comme « pas encore généré ». */
.fact-sans-fichier { font-size: var(--t-mini); color: var(--accent-texte); }

/* --- Facturation ----------------------------------------------------- */

.resume { margin-bottom: var(--e5); }

.carte-facture {
  border: 1px solid var(--trait);
  border-radius: 0.6rem;
  background: var(--surface);
  padding: 0.8rem 1rem;
  margin-bottom: 0.6rem;
}

.carte-tete {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.6rem;
  font-weight: 600;
}

.carte-chiffre { font-size: 1.15rem; font-weight: 700; }

.ligne-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: var(--encre-douce);
  font-size: 0.9rem;
}

.ecartees {
  margin-top: var(--e5);
  color: var(--encre-tenue);
  font-size: 0.88rem;
}

.note { color: var(--encre-douce); font-size: 0.9rem; }

.discret { color: var(--encre-tenue); font-size: 0.85rem; }