/* LE RECAPITULATIF DES MONTANTS (24/09/2026) — une feuille pour un gabarit :
   `components/orders/recapitulatif_des_montants.html`, inclus par le panier,
   le parcours de paiement, le recu et l'espace client.

   Mobile d'abord : une colonne, le libelle a gauche, le montant a droite, et
   le montant ne passe jamais a la ligne (un prix coupe se lit faux). Rien a
   elargir au-dela : le bloc suit la colonne de la surface qui l'inclut. */

.recap-montants {
    display: grid;
    gap: 8px;
}

/* Dans une carte de l'espace compte, le bloc prend la marge des rangees
   (`.account-list-row`, 9 px) : sans elle, les libelles touchaient le bord. */
.account-list-card > .recap-montants {
    padding: 12px 9px;
}

.recap-montants__lignes {
    display: grid;
    gap: 6px;
    margin: 0;
}

.recap-montants__lignes > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.recap-montants__lignes dt {
    color: var(--muted);
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.25;
}

.recap-montants__lignes dd {
    margin: 0;
    color: var(--text);
    font-weight: 700;
    white-space: nowrap;
}

.recap-montants__frais dt {
    color: var(--text);
}

.recap-montants__total {
    padding-top: 8px;
    border-top: 1px solid rgba(223, 212, 195, .8);
}

.recap-montants__total dt,
.recap-montants__total dd {
    color: var(--text);
    font-size: 1rem;
    font-weight: 700;
}

.recap-montants__aide,
.recap-montants__alerte {
    margin: 0;
    color: var(--muted);
    font-size: 0.75rem;
    line-height: 1.4;
}

.recap-montants__alerte {
    color: var(--text);
}