/* assets/styles/etape-form.css
 * Styles spécifiques au formulaire d'étape (templates/etape/form.html.twig).
 * Pour l'instant : panneau d'aperçu de la modale "Diff IA".
 */
.ai-diff-pane { max-height: 60vh; overflow: auto; background: var(--bs-body-bg); }
.ai-diff ins { background: rgba(40, 167, 69, .18); color: inherit; text-decoration: none; padding: 0 .15rem; border-radius: 2px; }
.ai-diff del { background: rgba(220, 53, 69, .18); color: inherit; text-decoration: line-through; padding: 0 .15rem; border-radius: 2px; }
[data-bs-theme="dark"] .ai-diff ins { background: rgba(40, 167, 69, .35); }
[data-bs-theme="dark"] .ai-diff del { background: rgba(220, 53, 69, .35); }

/* Blocs de modification cliquables (accepter / refuser individuellement). */
.ai-hunk { cursor: pointer; border-radius: 3px; outline: 1px dashed transparent; padding: 0 1px; transition: background-color .1s, outline-color .1s; }
.ai-hunk:hover { outline-color: var(--bs-primary); background-color: rgba(13, 110, 253, .06); }
.ai-hunk:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 1px; }

/* Refusé : on masque le nouveau texte et on rend l'original normal (= conservé). */
.ai-hunk[data-state="reject"] ins { display: none; }
.ai-hunk[data-state="reject"] del { background: transparent; text-decoration: none; color: inherit; padding: 0; opacity: .85; }