/* simulateur-roi.html : compléments de l'habillage « Registre » du simulateur partagé (balisage généré par roi-widget.js).
   La base vient de site.css § 28 (.px-roi), comme sur les accueils ; roi-widget.css n'est plus liée par la page.
   Cette feuille n'ajoute que ce que § 28 n'apporte pas. Jetons de :root uniquement. */

/* Boutons d'export côte à côte : le widget les place à la racine, la grille de § 28 les empilerait.
   L'espacement passe par gap, d'où la marge de § 28 ramenée à zéro sur ces boutons. */
.px-roi{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-m) .75rem}
.px-roi>*{flex:1 1 100%;min-width:0}
.px-roi>button{flex:0 0 auto;margin:0}

/* Champs d'une même rangée de .roi-grid alignés sur une ligne commune : le texte du libellé prend la hauteur libre
   de la rangée et le champ se cale en bas, même quand un libellé voisin passe sur deux lignes (sans effet sur une colonne) */
.px-roi .roi-grid>label{grid-template-rows:1fr auto}

/* Volets d'hypothèses : indicateur « + » / « − » à la place du triangle natif */
.px-roi summary{gap:1rem;list-style:none}
.px-roi summary::-webkit-details-marker{display:none}
.px-roi summary::after{content:"+";content:"+" / "";margin-left:auto;font:400 1.25rem/1 var(--font-mono);color:var(--fg-2)}
.px-roi details[open]>summary::after{content:"−";content:"−" / ""}

/* Résultats : accent orange des cartes, légende des tableaux au format des sur-titres */
.px-roi .roi-card{box-shadow:inset 0 3px 0 var(--orange)}
.px-roi caption{caption-side:top;padding-bottom:.75rem;text-align:left;font:500 var(--step-label)/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2)}
.px-roi .roi-table{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}