                <!-- SECTION: Périmètre fonctionnel -->
                <div class="section" id="cadrage-scope" style="display:none;">
                    <h2 class="section-title">Périmètre fonctionnel</h2>
                    <p class="section-subtitle">Ce que le système doit faire et ne pas faire.</p>

                    <h3 style="color: var(--text-bright); font-size: 1rem; margin-bottom: 0.75rem;">
                        <span style="color: #60a5fa;">&#9632;</span> Dans le périmètre
                    </h3>
                    <div id="scopeInScope" class="uc-list"></div>
                    <button class="add-btn" onclick="toggleForm('addScopeForm-inscope')">+ Ajouter une fonctionnalité</button>
                    <div class="inline-form" id="addScopeForm-inscope">
                        <div class="form-group"><label class="form-label">Nom de la fonctionnalité</label><input type="text" class="form-input" id="scope-name-inscope" placeholder="Ex: Gestion des commandes"></div>
                        <div class="form-group"><label class="form-label">Description (optionnel)</label><input type="text" class="form-input" id="scope-desc-inscope" placeholder="Courte description"></div>
                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-inscope')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('inscope')">Ajouter</button></div>
                    </div>

                    <h3 style="color: var(--text-bright); font-size: 1rem; margin: 1.5rem 0 0.75rem;">
                        <span style="color: #94a3b8;">&#9632;</span> Hors périmètre
                    </h3>
                    <div id="scopeOutOfScope" class="uc-list"></div>
                    <button class="add-btn" onclick="toggleForm('addScopeForm-outofscope')">+ Ajouter une exclusion</button>
                    <div class="inline-form" id="addScopeForm-outofscope">
                        <div class="form-group"><label class="form-label">Élément hors périmètre</label><input type="text" class="form-input" id="scope-name-outofscope" placeholder="Ex: Gestion de la paie"></div>
                        <div class="form-group"><label class="form-label">Raison (optionnel)</label><input type="text" class="form-input" id="scope-desc-outofscope" placeholder="Pourquoi hors périmètre"></div>
                        <div class="form-actions"><button class="btn" onclick="toggleForm('addScopeForm-outofscope')">Annuler</button><button class="btn btn-primary" onclick="addScopeItem('outofscope')">Ajouter</button></div>
                    </div>
                </div>
