                <!-- SECTION: Dépendances -->
                <div class="section" id="decomp-dependencies" style="display:none;">
                    <h2 class="section-title">Dépendances entre domaines</h2>
                    <p class="section-subtitle">Indiquez quels domaines dépendent d'autres domaines. Par exemple, les Commandes dépendent des Clients et des Produits.</p>

                    <div id="depGraphContainer">
                        <div class="dep-graph" id="depGraph">
                            <p style="color:var(--text-muted);text-align:center;padding:2rem;">Ajoutez des domaines fonctionnels pour visualiser les dépendances.</p>
                        </div>
                    </div>

                    <div style="margin-top:1.5rem;">
                        <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Ajouter une dépendance</h3>
                        <div class="form-row">
                            <div class="form-group">
                                <label class="form-label">Ce domaine...</label>
                                <select class="form-select" id="dep-from"></select>
                            </div>
                            <div class="form-group">
                                <label class="form-label">...dépend de</label>
                                <select class="form-select" id="dep-to"></select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label">Nature de la dépendance</label>
                            <input type="text" class="form-input" id="dep-desc" placeholder="Exemple : La commande référence un client existant">
                        </div>
                        <button class="btn btn-primary" onclick="addDependency()" style="margin-top:0.5rem;">Ajouter cette dépendance</button>
                    </div>

                    <div id="depList" style="margin-top:1.5rem;"></div>

                    <div style="margin-top:2rem;">
                        <h3 style="color:var(--text-bright);font-size:1rem;margin-bottom:0.75rem;">Ordre de traitement proposé</h3>
                        <p class="section-subtitle">Les domaines sont traités dans l'ordre de leurs dépendances : les fondations d'abord, puis les domaines qui en dépendent.</p>
                        <div id="processingOrder" class="process-flow"></div>
                    </div>
                </div>
