/* Simulateurs à installer sur d'autres sites (27/10, spec docs/superpowers/specs/2026-10-27-avanido-simulateurs-a-integrer-design.md).
   L'encart replié sous les outils salaire et indemnité (maquette validée par Gilles le 27/10). */
.sal-integrer { max-width: 820px; margin: 28px 0 0; padding: 18px 26px; border: 1px solid #e4dccd; border-radius: 18px; background: #fff; }
.sal-integrer summary { cursor: pointer; font-family: var(--heading); font-weight: 700; font-size: 17px; color: #16263f; }
.sal-integrer p { margin: 12px 0 10px; font-size: 16px; line-height: 1.55; color: #37465b; }
.sal-integrer pre { margin: 0; padding: 14px 16px; border-radius: 12px; background: #16263f; color: #e6ebf7; font-size: 13px; line-height: 1.5; white-space: pre-wrap; word-break: break-all; }
.sal-integrer .button { margin-top: 14px; }
.sal-integrer .sal-integrer-etat { margin: 8px 0 0; font-size: 14px; color: #37465b; }
/* Vide, la zone reste dans la page (sans marge) : cachée, les lecteurs d'écran manqueraient son premier message. */
.sal-integrer .sal-integrer-etat:empty { margin: 0; }
@media (max-width: 640px) { .sal-integrer { padding: 16px 18px; } }

/* La page compacte /integrer/<slug>, dans le cadre d'un autre site : fond transparent, sans marge, deux colonnes dès 560 px
   (au lieu de 900 px sur avanido.fr) pour tenir dans 680 px. */
:root:has(> body.integre) { background: transparent; }
.integre { margin: 0; background: transparent; }
.integre main.sal { max-width: none; margin: 0; padding: 0; }
.integre .sal-outil { margin: 0; border: 1px solid #e4dccd; border-radius: 18px; box-shadow: 0 1px 3px #14233f14; }
@media (min-width: 560px) {
  .integre .sal-outil { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); }
  .integre .sal-form { border-right: 1px solid #f0e9de; border-bottom: 0; }
}
.integre .sal-form, .integre .sal-res { padding: 22px; }
.integre-pied { margin: 8px 4px 0; font-size: 13px; color: var(--muted); }
.integre-pied a { color: var(--blue); }
/* acces.css n'est pas chargée dans le cadre : sans cette règle, les puces affichent « 13mois » (maquette du 27/10). */
.integre .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }