                  <label for="rule-description" class="form-label">Description (Optional)</label>
                        <textarea class="form-control" id="rule-description" rows="2"
                            placeholder="Describe what this rule does..."></textarea>
                    </div>

                    <!-- Rule Builder -->
                    <div class="card mb-4">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            